# Скиллы по теме «Фронтенд и UI» Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов. 2909 карточек · страница 14 из 73 - HTML: https://affpapa.org/nevibecode/skills/topic/frontend?page=14 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [transformers-js](https://affpapa.org/nevibecode/skills/transformers-js.md) — скилл · huggingface · Claude Code, Codex, Cursor +3 · 2100 установок — Скилл помогает запускать модели машинного обучения из JavaScript и TypeScript: от классификации текста до распознавания речи и анализа изображений. - [migrate-xml-views-to-jetpack-compose](https://affpapa.org/nevibecode/skills/migrate-xml-views-to-jetpack-compose.md) — скилл · Google LLC · Claude Code, Codex, Cursor +3 · 2400 установок — Ведёт миграцию одного XML-экрана Android в Jetpack Compose: от аудита до проверки и удаления устаревшей разметки. - [ink](https://affpapa.org/nevibecode/skills/ink.md) — скилл · vercel-labs · Claude Code, Codex, Cursor +3 · 1300 установок — Помогает создавать интерактивные терминальные интерфейсы из JSON-спецификаций через @json-render/ink. - [frontend-ui-dark-ts](https://affpapa.org/nevibecode/skills/sickn33-frontend-ui-dark-ts.md) — скилл · sickn33 · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл помогает создавать тёмные интерфейсы на React, Tailwind CSS и Framer Motion. - [sign-in-with-google-web](https://affpapa.org/nevibecode/skills/sign-in-with-google-web.md) — скилл (официальный Google) · google · Claude Code, Gemini CLI, Codex · 743 установки — Помогает настроить вход через Google Identity Services на вебе. - [v3-to-v4-migration](https://affpapa.org/nevibecode/skills/v3-to-v4-migration.md) — скилл · phaserjs · Claude Code, Codex, Cursor +3 · 715 установок — Помогает обновить проект игры с Phaser 3 до Phaser 4. - [react-joyride](https://affpapa.org/nevibecode/skills/react-joyride.md) — скилл · gilbarbara · Claude Code, Codex, Cursor +3 · 686 установок — Учит агента создавать пошаговые туры и онбординг-подсказки в React-приложениях через библиотеку React Joyride v3. - [scroll-craft](https://affpapa.org/nevibecode/skills/scroll-craft.md) — скилл · nateherkai · Claude Code, Codex, Cursor +3 · 1200 установок — Скилл планирует и собирает прокручиваемый лендинг: интервью, порядок секций, эмоциональный пик, объёмный hero и проверка скриншотами. - [feature-sliced-design](https://affpapa.org/nevibecode/skills/feature-sliced-design.md) — скилл · feature-sliced · Claude Code, Codex, Cursor +3 · 23600 установок — Скилл помогает раскладывать frontend-код по слоям Feature-Sliced Design и проверять границы импортов. - [mermaid-visualizer](https://affpapa.org/nevibecode/skills/mermaid-visualizer.md) — скилл · axtonliu · Claude Code, Codex, Cursor +3 · 1700 установок — Преобразует текст в профессиональные диаграммы Mermaid. - [ce-polish](https://affpapa.org/nevibecode/skills/ce-polish.md) — скилл · EveryInc · Claude Code, Codex, Cursor +3 · 1100 установок — Доводит рабочую фичу через фидбек в браузере: ты говоришь, что хочешь исправить, скилл правит код, hot reload показывает результат. - [react-audit-grep-patterns](https://affpapa.org/nevibecode/skills/react-audit-grep-patterns.md) — скилл (официальный GitHub) · github · GitHub Copilot · 854 установки — Набор grep-команд для проверки React-проектов перед переходом на React 18.3.1 или React 19. - [swiftui-ui-patterns](https://affpapa.org/nevibecode/skills/swiftui-ui-patterns.md) — скилл (официальный OpenAI) · OpenAI · Codex, ChatGPT · 114 установок — Скилл помогает собирать и рефакторить SwiftUI-интерфейсы: навигацию, состояние, компоновку и контролы. - [svelte](https://affpapa.org/nevibecode/skills/svelte.md) — скилл · vercel-labs · Claude Code, Codex, Cursor +3 · 1200 установок — Помогает собирать интерфейсы Svelte 5 из спецификаций json-render и связывать компоненты с состоянием, событиями и действиями. - [shopify-apps](https://affpapa.org/nevibecode/skills/sickn33-shopify-apps.md) — скилл · sickn33 · Claude Code, Codex, Cursor +3 · 1000 установок — Набор шаблонов для разработки приложений Shopify на Remix и React Router. - [web-typography](https://affpapa.org/nevibecode/skills/web-typography.md) — скилл · wondelai · Claude Code, Codex, Cursor +3 · 9200 установок — Скилл помогает подобрать и настроить шрифты для веб-проекта: от выбора гарнитуры до оптимизации размера, интерлиньяжа и длины строк. - [refactoring-ui](https://affpapa.org/nevibecode/skills/refactoring-ui.md) — скилл · wondelai · Claude Code, Codex, Cursor +3 · 9200 установок — Скилл проводит аудит интерфейса по правилам визуальной иерархии, отступов и цветов. - [libraries-dev](https://affpapa.org/nevibecode/skills/libraries-dev.md) — скилл · Jakubantalik · Claude Code, Codex, Cursor +3 · 1000 установок — Скилл подбирает и встраивает React-компоненты визуальных эффектов Libraries.dev для интерфейсов с ИИ: от светящихся рамок до аватаров и жидкого металла. - [create-mcp-app](https://affpapa.org/nevibecode/skills/create-mcp-app.md) — скилл · modelcontextprotocol · Claude Code, Codex, Cursor +3 · 2700 установок — Ведёт агента через сборку MCP App: MCP-инструмент плюс HTML-ресурс с интерфейсом, который хост рисует рядом с результатом инструмента. - [wp-block-themes](https://affpapa.org/nevibecode/skills/wp-block-themes.md) — скилл · WordPress · Claude Code, Codex, Cursor +3 · 5800 установок — Помогает создавать блочные темы WordPress, настраивать theme.json и шаблоны. - [godot-ui-control](https://affpapa.org/nevibecode/skills/godot-ui-control.md) — скилл · gamedev-skills · Claude Code, Codex, Cursor +3 · 7000 установок — Скилл для Claude Code учит агента верстать HUD и меню в Godot 4.7 на Control-нодах: якоря, контейнеры, тема, фокус. - [solid](https://affpapa.org/nevibecode/skills/vercel-labs-solid.md) — скилл · vercel-labs · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл для рендеринга JSON-spec в реактивные SolidJS компоненты. - [xstate](https://affpapa.org/nevibecode/skills/xstate.md) — скилл · vercel-labs · Claude Code, Codex, Cursor +3 · 1100 установок — Помогает связать генеративный интерфейс json-render с хранилищем @xstate/store. - [jotai](https://affpapa.org/nevibecode/skills/jotai.md) — скилл · vercel-labs · Claude Code, Codex, Cursor +3 · 1100 установок — Готовит Jotai как хранилище состояния для json-render: атом, адаптер StateStore и общий store с приложением. - [redux](https://affpapa.org/nevibecode/skills/redux.md) — скилл · vercel-labs · Claude Code, Codex, Cursor +3 · 1100 установок — Адаптер Redux для json-render: подключает слайс хранилища как источник состояния для рендерера. - [shadcn-svelte](https://affpapa.org/nevibecode/skills/vercel-labs-shadcn-svelte.md) — скилл · vercel-labs · Claude Code, Codex, Cursor +3 · 1100 установок — Набор из 36 готовых компонентов на Svelte 5 и Tailwind CSS для json-render. - [salesforce-component-standards](https://affpapa.org/nevibecode/skills/salesforce-component-standards.md) — скилл (официальный GitHub) · github · GitHub Copilot · 770 установок — Задаёт стандарты разработки компонентов Salesforce для LWC, Aura и Visualforce. - [react18-dep-compatibility](https://affpapa.org/nevibecode/skills/react18-dep-compatibility.md) — скилл (официальный GitHub) · github · GitHub Copilot · 764 установки — Проверяет минимальные версии зависимостей для React 18.3.1 и React 19. - [browser-screenshot-diff](https://affpapa.org/nevibecode/skills/browser-screenshot-diff.md) — скилл · ruvnet · Claude Code, Codex, Cursor +3 · 696 установок — Сравнивает две записанные браузерные сессии по шагам, скриншотам и accessibility-дереву. - [shopify-polaris-admin-extensions](https://affpapa.org/nevibecode/skills/shopify-shopify-polaris-admin-extensions.md) — скилл · Shopify · Claude Code, Codex, Cursor +3 · 9700 установок — Скилл по админ-расширениям Shopify для Claude Code. - [react-19](https://affpapa.org/nevibecode/skills/react-19.md) — скилл · prowler-cloud · Claude Code, Codex, Cursor +3 · 671 установка — Скилл для работы с React 19 и React Compiler: без ручной мемоизации, серверные компоненты первыми, ref как проп. - [react18-batching-patterns](https://affpapa.org/nevibecode/skills/react18-batching-patterns.md) — скилл (официальный GitHub) · github · GitHub Copilot · 754 установки — Находит и устраняет регрессии автоматического батчинга в классовых компонентах React 18. - [shopify-polaris-checkout-extensions](https://affpapa.org/nevibecode/skills/shopify-shopify-polaris-checkout-extensions.md) — скилл · Shopify · Claude Code, Codex, Cursor +3 · 9600 установок — Устаревший скилл для разработки расширений Shopify Checkout. - [svelte-code-writer](https://affpapa.org/nevibecode/skills/svelte-code-writer.md) — скилл · sveltejs · Claude Code, Codex, Cursor +3 · 13000 установок — Скилл ищет официальную документацию Svelte 5 и проверяет компоненты через autofixer. - [react-best-practices](https://affpapa.org/nevibecode/skills/react-best-practices-2.md) — скилл · vercel · Claude Code, Codex, Cursor +3 · 399 установок — Скилл для разбора медленного интерфейса на React и Next.js: находит водопады запросов, лишний JS в бандле, ошибки на границе сервер-клиент и пустые ререндеры. - [react18-legacy-context](https://affpapa.org/nevibecode/skills/react18-legacy-context.md) — скилл (официальный GitHub) · github · GitHub Copilot · 745 установок — Скилл переводит legacy context в React на createContext и помогает синхронно обновить provider и всех consumers. - [react18-lifecycle-patterns](https://affpapa.org/nevibecode/skills/react18-lifecycle-patterns.md) — скилл (официальный GitHub) · github · GitHub Copilot · 743 установки — Переводит устаревшие методы жизненного цикла классовых компонентов на стандарт React 18.3.1. - [wp-block-development](https://affpapa.org/nevibecode/skills/wp-block-development.md) — скилл · WordPress · Claude Code, Codex, Cursor +3 · 5500 установок — Скилл для Claude Code, Codex и Cursor: агент ведёт блок Gutenberg от block.json до миграций, не ломая сохранённую разметку. - [react18-string-refs](https://affpapa.org/nevibecode/skills/react18-string-refs.md) — скилл (официальный GitHub) · github · GitHub Copilot · 741 установка — Помогает заменить строковые refs в классовых компонентах на React.createRef(). - [react18-enzyme-to-rtl](https://affpapa.org/nevibecode/skills/react18-enzyme-to-rtl.md) — скилл (официальный GitHub) · github · GitHub Copilot · 739 установок — Помогает переписать тесты с Enzyme на React Testing Library при переходе на React 18. Дальше: https://affpapa.org/nevibecode/skills/topic/frontend.md?page=15 ## Уточнить [react](https://affpapa.org/nevibecode/tag/react.md) · [ui](https://affpapa.org/nevibecode/tag/ui.md) · [typescript](https://affpapa.org/nevibecode/tag/typescript.md) · [css](https://affpapa.org/nevibecode/tag/css.md) · [animation](https://affpapa.org/nevibecode/tag/animation.md) · [accessibility](https://affpapa.org/nevibecode/tag/accessibility.md) · [design-system](https://affpapa.org/nevibecode/tag/design-system.md) · [nextjs](https://affpapa.org/nevibecode/tag/nextjs.md) · [tailwind](https://affpapa.org/nevibecode/tag/tailwind.md) · [javascript](https://affpapa.org/nevibecode/tag/javascript.md) · [webgl](https://affpapa.org/nevibecode/tag/webgl.md) · [typography](https://affpapa.org/nevibecode/tag/typography.md) ## Сузить этот список Параметры: `?platform=`, `&topic=<…>`, `&sort=installs|stars|new|updated` — значения в https://affpapa.org/nevibecode/agents.md --- NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md