# Скиллы по теме «Фронтенд и UI» Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов. 2909 карточек · страница 37 из 73 - HTML: https://affpapa.org/nevibecode/skills/topic/frontend?page=37 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [extension-invite-links](https://affpapa.org/nevibecode/skills/extension-invite-links.md) — скилл · caffeinelabs · Claude Code, Codex, Cursor +3 · 28100 установок — Скилл добавляет в проект систему приглашений и сбор ответов RSVP. - [extension-core-infrastructure](https://affpapa.org/nevibecode/skills/extension-core-infrastructure.md) — скилл · caffeinelabs · Claude Code, Codex, Cursor +3 · 27900 установок — Базовая инфраструктура для React-приложений Caffeine AI: настройка подключения к бэкенду, аутентификация через Internet Identity и точка входа приложения. - [extension-object-storage](https://affpapa.org/nevibecode/skills/extension-object-storage.md) — скилл · caffeinelabs · Claude Code, Codex, Cursor +3 · 28100 установок — Скилл добавляет в проект хранилище файлов: содержимое лежит вне сети, а бэкенд держит только ссылки на него. - [extension-email-verification](https://affpapa.org/nevibecode/skills/extension-email-verification.md) — скилл · caffeinelabs · Claude Code, Codex, Cursor +3 · 28100 установок — Добавляет в приложение на Caffeine AI подтверждение email по ссылке: получатель кликает кнопку и адрес помечается проверенным. - [primitives](https://affpapa.org/nevibecode/skills/primitives.md) — скилл · assistant-ui · Claude Code, Codex, Cursor +3 · 6300 установок — Скилл помогает собирать кастомные интерфейсы чата на базе нестилизованных компонентов @assistant-ui/react. - [tools](https://affpapa.org/nevibecode/skills/tools.md) — скилл · assistant-ui · Claude Code, Codex, Cursor +3 · 6300 установок — Скилл про то, как объявлять инструменты, которые вызывает модель, и рисовать их вызовы в assistant-ui. - [netsuite-uif-spa-reference](https://affpapa.org/nevibecode/skills/netsuite-uif-spa-reference.md) — скилл · Oracle NetSuite · Claude Code, Codex, Cursor +3 · 790 установок — Скилл помогает искать типы и API NetSuite UIF для SPA-компонентов. - [framer-motion](https://affpapa.org/nevibecode/skills/framer-motion.md) — скилл · Mindrally · Claude Code, Codex, Cursor +3 · 3000 установок — Задаёт агенту правила анимаций на Motion: что анимировать, а что ломает раскладку. - [agent-elements](https://affpapa.org/nevibecode/skills/agent-elements.md) — скилл · 21st-dev · Claude Code, Codex, Cursor +3 · 724 установки — Помогает ассистенту собирать интерфейсы чатов и агентов на React 19 и Tailwind v4 через компоненты Agent Elements. - [frappe-app-dev](https://affpapa.org/nevibecode/skills/frappe-app-dev.md) — скилл · frappe · Claude Code, Codex, Cursor +3 · 1100 установок — Помогает создавать приложения на Frappe Framework. - [Mobile App Design Standards](https://affpapa.org/nevibecode/skills/mobile-app-design-standards.md) — скилл · awesome-skills · Claude Code, Codex, Cursor +3 · 906 установок — Скилл подсказывает агенту правила вёрстки мобильных экранов: нативные паттерны iOS и Android, доступность, размеры тач-зон. - [avoid-ai-design](https://affpapa.org/nevibecode/skills/avoid-ai-design.md) — скилл · ungspirit · Claude Code, Codex, Cursor +3 · 641 установка — Скилл находит в вёрстке следы генерации нейросетью и переписывает её вокруг одной выбранной дизайн-идеи. - [tanstack-router](https://affpapa.org/nevibecode/skills/tanstack-router.md) — скилл · tanstack-skills · Claude Code, Codex, Cursor +3 · 5000 установок — Скилл по TanStack Router для React и Solid: файловый роутинг, поисковые параметры и загрузка данных с проверкой типов. - [experience-lwc-accessibility-jest-run](https://affpapa.org/nevibecode/skills/experience-lwc-accessibility-jest-run.md) — скилл · forcedotcom · Claude Code, Codex, Cursor +3 · 906 установок — Запускает модульные тесты доступности Sa11y Jest для компонентов LWC в среде Bazel или автономном Jest. - [harmonyos-app](https://affpapa.org/nevibecode/skills/harmonyos-app.md) — скилл · majiayu000 · Claude Code, Codex, Cursor +3 · 491 установка — Задаёт правила разработки приложений под HarmonyOS NEXT на базе ArkTS и ArkUI. - [imprint](https://affpapa.org/nevibecode/skills/jsmastery-pro-imprint.md) — скилл · jsmastery-pro · Claude Code, Codex, Cursor +3 · 725 установок — Скилл записывает классы и значения из только что собранного компонента в ui-registry.md, чтобы следующие компоненты выглядели так же. - [game-3d-assets](https://affpapa.org/nevibecode/skills/game-3d-assets.md) — скилл · OpusGameLabs · Claude Code, Codex, Cursor +3 · 1100 установок — Подбирает, генерирует и встраивает 3D-модели GLB и GLTF в браузерные игры на Three.js вместо стандартных кубов и сфер. - [threejs-game](https://affpapa.org/nevibecode/skills/threejs-game.md) — скилл · OpusGameLabs · Claude Code, Codex, Cursor +3 · 1100 установок — Задаёт структуру проекта и обязательные модули для 3D-игры в браузере на Three.js. - [setup](https://affpapa.org/nevibecode/skills/assistant-ui-setup.md) — скилл · assistant-ui · Claude Code, Codex, Cursor +3 · 6100 установок — Скилл помогает создать проект assistant-ui, подключить его к существующему приложению и выбрать адаптер для бэкенда. - [thread-list](https://affpapa.org/nevibecode/skills/thread-list.md) — скилл · assistant-ui · Claude Code, Codex, Cursor +3 · 6200 установок — Скилл для assistant-ui: добавляет боковую панель с несколькими диалогами, переключением, переименованием, архивацией и удалением. - [qt-qml-test-run](https://affpapa.org/nevibecode/skills/qt-qml-test-run.md) — скилл · qt-ai-skills · Claude Code, Codex, Cursor +3 · 571 установка — Собирает проект на Qt 6 и запускает тесты Qt Quick Test через qmltestrunner или CTest, после чего формирует отчёт в Markdown. - [animejs](https://affpapa.org/nevibecode/skills/bowtiedswan-animejs.md) — скилл · BowTiedSwan · Claude Code, Codex, Cursor +3 · 1200 установок — Передаёт агенту справочные данные по Anime.js v4. - [three-best-practices](https://affpapa.org/nevibecode/skills/three-best-practices.md) — скилл · three-agent-skills · Claude Code, Codex, Cursor +3 · 1500 установок — Скилл с набором правил по Three.js: подсказывает агенту, как не течь по памяти и держать кадры. - [ui-ux-design-pro](https://affpapa.org/nevibecode/skills/ui-ux-design-pro.md) — скилл · saifyxpro · Claude Code, Codex, Cursor +3 · 797 установок — Скилл для проектирования дашбордов, SaaS-приложений и лендингов: задаёт дизайн-систему, проверяет доступность и качество вёрстки. - [timeline-creator](https://affpapa.org/nevibecode/skills/timeline-creator.md) — скилл · mhattingpete · Claude Code, Codex, Cursor +3 · 327 установок — Собирает интерактивный HTML-таймлайн проекта с диаграммой Ганта, фазами и вехами. - [mint-threejs-skills](https://affpapa.org/nevibecode/skills/mint-threejs-skills.md) — скилл · mintdotgg · Claude Code, Codex, Cursor +3 · 616 установок — Набор инструкций для создания браузерных 3D-приложений, игр и вьюверов на Three.js с генерацией моделей через Mint MCP. - [react-performance-optimization](https://affpapa.org/nevibecode/skills/react-performance-optimization.md) — скилл · NickCrew · Claude Code, Codex, Cursor +3 · 1900 установок — Помогает находить узкие места в рендере React, настраивать мемоизацию, разделение кода и виртуализацию списков. - [motion-graphics](https://affpapa.org/nevibecode/skills/motion-graphics.md) — скилл · Liamrjohnston · Claude Code, Codex, Cursor +3 · 1000 установок — Проверяет подлинность ассетов и блокирует генерацию моушн-графики до прохождения проверок через promptible-gate.mjs. - [emblem-ai-react](https://affpapa.org/nevibecode/skills/emblem-ai-react.md) — скилл · EmblemAI · Claude Code, Codex, Cursor +3 · 8800 установок — Скилл для тех, кто собирает React-приложение с авторизацией и кошельковыми аккаунтами EmblemAI. - [experience-accessibility-validate](https://affpapa.org/nevibecode/skills/experience-accessibility-validate.md) — скилл · forcedotcom · Claude Code, Codex, Cursor +3 · 864 установки — Разбирает HTML, JS и CSS компонента Lightning Web Component на соответствие WCAG 2.2 и выдаёт отчёт со ссылками на конкретные критерии. - [fishjam](https://affpapa.org/nevibecode/skills/fishjam.md) — скилл · software-mansion-labs · Claude Code, Codex, Cursor +3 · 761 установка — Скилл по платформе Fishjam и её SDK: помогает агенту писать бэкенд и клиент для видео, аудио и трансляций. - [the-loop](https://affpapa.org/nevibecode/skills/the-loop.md) — скилл · oxbshw · Claude Code, Codex, Cursor +3 · 501 установка — Записывает, как ведёт себя интерфейс, анимация или игра, сверяет запись с вашими критериями и повторяет прогон, пока не пройдёт. - [chrome-extension-development](https://affpapa.org/nevibecode/skills/chrome-extension-development.md) — скилл · Mindrally · Claude Code, Codex, Cursor +3 · 2800 установок — Ведёт агента по сборке расширений Chrome на Manifest V3: манифест, service worker, content scripts, попап, публикация в Chrome Web Store. - [emblem-ai](https://affpapa.org/nevibecode/skills/emblem-ai.md) — скилл · EmblemCompany · Claude Code, Codex, Cursor +3 · 8700 установок — Добавляет в приложение вход через кошелёк, email или соцсети и даёт каждому пользователю кошелёк вместе с аккаунтом. - [macos-golden-gate-design](https://affpapa.org/nevibecode/skills/macos-golden-gate-design.md) — скилл (официальный GitHub) · github · GitHub Copilot · 23 установки — Скилл настраивает интерфейсы macOS 27 Golden Gate на SwiftUI и AppKit в стиле Liquid Glass. - [api-breaking-change-detector](https://affpapa.org/nevibecode/skills/api-breaking-change-detector.md) — скилл (официальный GitHub) · github · GitHub Copilot · 23 установки — Сверяет контроллеры и DTO на C# с клиентами на TypeScript или JavaScript прямо по исходному коду. - [update](https://affpapa.org/nevibecode/skills/update.md) — скилл · assistant-ui · Claude Code, Codex, Cursor +3 · 5900 установок — Обновляет существующее приложение на assistant-ui до актуальных версий AI SDK v7 и assistant-ui 0.15.x, применяя нужные миграции. - [agora](https://affpapa.org/nevibecode/skills/agora.md) — скилл · agora · Claude Code, Codex, Cursor +3 · 775 установок — Скилл маршрутизирует задачи по интеграции Agora в проект: голосовые AI-агенты, видеозвонки, RTM-сообщения и токены авторизации. - [suggest](https://affpapa.org/nevibecode/skills/suggest.md) — скилл · brave · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл для автодополнения поисковых запросов через Brave Search API с исправлением опечаток и быстрым ответом до 100 мс. - [dashboard-creator](https://affpapa.org/nevibecode/skills/dashboard-creator.md) — скилл · mhattingpete · Claude Code, Codex, Cursor +3 · 315 установок — Скилл собирает одностраничный HTML-дашборд: карточки KPI, графики, прогресс-бары и таблицы. Дальше: https://affpapa.org/nevibecode/skills/topic/frontend.md?page=38 ## Уточнить [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