# Скиллы по теме «Фронтенд и UI» Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов. 2909 карточек · страница 68 из 73 - HTML: https://affpapa.org/nevibecode/skills/topic/frontend?page=68 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [huashu-design-html-native](https://affpapa.org/nevibecode/skills/huashu-design-html-native.md) — скилл · reason-machines · Claude Code, Codex, Cursor +3 · 426 установок — Превращает запрос словами в готовый файл: прототип, слайды, анимацию или инфографику на HTML/CSS/JS. - [c15t](https://affpapa.org/nevibecode/skills/c15t.md) — скилл · c15t · Claude Code, Codex, Cursor +3 · 490 установок — Настраивает hosted c15t через Inth CLI: подключает проект, добавляет согласия и переносит аналитику за проверку выбора пользователя. - [roblox-user-interfaces](https://affpapa.org/nevibecode/skills/roblox-user-interfaces.md) — скилл · nonlooped · Claude Code, Codex, Cursor +3 · 328 установок — Помогает проектировать и чинить интерфейсы в Roblox: от экранных меню со ScreenGui до табличек BillboardGui и 3D-превью в ViewportFrame. - [cc-design-html-prototyping](https://affpapa.org/nevibecode/skills/cc-design-html-prototyping.md) — скилл · reason-machines · Claude Code, Codex, Cursor +3 · 423 установки — Скилл помогает агенту создавать HTML-макеты, презентации и интерактивные прототипы. - [website-cloner](https://affpapa.org/nevibecode/skills/website-cloner.md) — скилл · horuz-ai · Claude Code, Codex, Cursor +3 · 484 установки — Клонирует сайт по URL в один React-компонент с Tailwind CSS и motion. - [scroll-experience](https://affpapa.org/nevibecode/skills/scroll-experience.md) — скилл · davila7 · Claude Code · 2127 установок — Помогает создавать скролл-анимации, параллакс и интерактивные презентации продуктов. - [vue](https://affpapa.org/nevibecode/skills/claude-mpm-team-vue.md) — скилл · Claude MPM Team · Claude Code, Codex, Cursor +3 · 381 установка — Скилл по Vue 3 для ИИ-агента: Composition API, реактивность, однофайловые компоненты, Vue Router, Pinia, TypeScript и Vite. - [screenshot](https://affpapa.org/nevibecode/skills/bobmatnyc-screenshot.md) — скилл · bobmatnyc · Claude Code, Codex, Cursor +3 · 380 установок — Скилл помогает проверять изменения интерфейса по скриншотам на desktop, tablet и mobile. - [crm-builder](https://affpapa.org/nevibecode/skills/crm-builder.md) — скилл · ryan-price · Claude Code, Codex, Cursor +3 · 1400 установок — Скилл превращает описание бизнеса в DOMAIN.md в рабочий прототип CRM: контакты, компании, сделки и канбан-воронка. - [reviewing-interface-quality](https://affpapa.org/nevibecode/skills/reviewing-interface-quality.md) — скилл · osmontero · Claude Code, Codex, Cursor +3 · 352 установки — Аудитирует готовый интерфейс по скриншотам, стилям и поведению. - [border-beam-react](https://affpapa.org/nevibecode/skills/border-beam-react.md) — скилл · reason-machines · Claude Code, Codex, Cursor +3 · 407 установок — Обучает агента добавлять в React бегущую подсветку границ через пакет border-beam на чистом CSS без внешних библиотек анимации. - [nextjs-v16](https://affpapa.org/nevibecode/skills/nextjs-v16.md) — скилл · bobmatnyc · Claude Code, Codex, Cursor +3 · 371 установка — Скилл ведёт миграцию проекта на Next.js 16: асинхронные request API, opt-in кеширование через "use cache" и Turbopack. - [echarts](https://affpapa.org/nevibecode/skills/rebyteai-template-echarts.md) — скилл · rebyteai-template · Claude Code, Codex, Cursor +3 · 364 установки — Скилл даёт агенту готовые рецепты pyecharts: столбцы, линии, круговые, тепловые карты и сборку интерактивного HTML-отчёта. - [harvard-artifacts-collection-analytics-app](https://affpapa.org/nevibecode/skills/harvard-artifacts-collection-analytics-app.md) — скилл · reason-machines · Claude Code, Codex, Cursor +3 · 1400 установок — Скилл помогает собирать ETL-пайплайн и дашборд по данным Harvard Art Museums. - [vercel-services](https://affpapa.org/nevibecode/skills/vercel-services.md) — скилл (официальный OpenAI) · Vercel Labs · Codex, ChatGPT · 4 установки — Настраивает монорепозитории и запуск нескольких сервисов в одном проекте Vercel. - [vercel-flags](https://affpapa.org/nevibecode/skills/vercel-flags.md) — скилл (официальный OpenAI) · Vercel Labs · Codex, ChatGPT · 4 установки — Скилл помогает внедрять фиче-флаги через Vercel Flags и SDK flags v4. - [next-cache-components](https://affpapa.org/nevibecode/skills/next-cache-components.md) — скилл (официальный OpenAI) · Vercel Labs · Codex, ChatGPT · 4 установки — Скилл помогает внедрять Cache Components и частичный пререндеринг в Next.js 16. - [json-render](https://affpapa.org/nevibecode/skills/json-render.md) — скилл (официальный OpenAI) · Vercel Labs · Codex, ChatGPT · 4 установки — Помогает отображать части UIMessage, результаты вызова инструментов и статус стриминга в React-интерфейсах на AI SDK v6. - [cms](https://affpapa.org/nevibecode/skills/cms.md) — скилл (официальный OpenAI) · Vercel Labs · Codex, ChatGPT · 4 установки — Скилл помогает подключить Sanity, Contentful, DatoCMS, Storyblok и Builder.io к проектам на Vercel с живым предпросмотром. - [user-context](https://affpapa.org/nevibecode/skills/user-context.md) — скилл (официальный OpenAI) · OpenAI · Codex, ChatGPT · 4 установки — Сохраняет продуктовые и дизайн-источники для будущей работы Product Design. - [custom-pages-and-apis](https://affpapa.org/nevibecode/skills/custom-pages-and-apis.md) — скилл · eventcatalog · Claude Code, Codex, Cursor +3 · 410 установок — Собирает свои страницы и API-роуты внутри проекта EventCatalog: Astro-страницы в pages/, TypeScript-эндпоинты в pages/api/. - [svelte5-runes-static](https://affpapa.org/nevibecode/skills/svelte5-runes-static.md) — скилл · Claude MPM Team · Claude Code, Codex, Cursor +3 · 364 установки — Скилл подсказывает паттерны реактивности для связки Svelte 5 runes и SvelteKit adapter-static. - [award-winning-website](https://affpapa.org/nevibecode/skills/award-winning-website.md) — скилл · rebyteai-template · Claude Code, Codex, Cursor +3 · 359 установок — Разворачивает шаблон игрового лендинга на React 19 с анимациями GSAP и 3D-эффектами. - [permiso-accessibility-permissions](https://affpapa.org/nevibecode/skills/permiso-accessibility-permissions.md) — скилл · reason-machines · Claude Code, Codex, Cursor +3 · 386 установок — Скилл для агентов, который подсказывает, как встроить в macOS-приложение панель с просьбой выдать доступ к универсальному доступу. - [sumsub-integrate-dint-websdk](https://affpapa.org/nevibecode/skills/sumsub-integrate-dint-websdk.md) — скилл · sumsub · Claude Code, Codex, Cursor +3 · 980 установок — Добавляет проверку устройств Sumsub в уже работающий WebSDK. - [sumsub-integrate-id-connect](https://affpapa.org/nevibecode/skills/sumsub-integrate-id-connect.md) — скилл · sumsub · Claude Code, Codex, Cursor +3 · 980 установок — Скилл ведёт агента по всей интеграции Sumsub ID Connect: кнопка входа, обмен кода на токен, согласие пользователя и создание аппликанта в вашем воркспейсе. - [better-auth-plugins](https://affpapa.org/nevibecode/skills/better-auth-plugins.md) — скилл · bobmatnyc · Claude Code, Codex, Cursor +3 · 352 установки — Направляет ассистента при настройке двухфакторной аутентификации, passkey, JWT или организаций в Better Auth на TypeScript. - [flutter-riverpod-expert](https://affpapa.org/nevibecode/skills/flutter-riverpod-expert.md) — скилл · juparave · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл обучает агента архитектуре Flutter Riverpod с кодогенерацией и AsyncNotifier. - [recharts](https://affpapa.org/nevibecode/skills/recharts.md) — скилл · andy-spike · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл помогает агенту собирать React-графики на Recharts. - [stream-flutter](https://affpapa.org/nevibecode/skills/stream-flutter.md) — скилл · GetStream · Claude Code, Codex, Cursor +3 · 307 установок — Скилл помогает подключать Stream Chat, Video и Feeds к приложениям на Flutter. - [nextjs-core](https://affpapa.org/nevibecode/skills/nextjs-core.md) — скилл · bobmatnyc · Claude Code, Codex, Cursor +3 · 348 установок — Задаёт правила разработки на Next.js App Router: серверные компоненты по умолчанию, мутации через Server Actions и точечную ревалидацию кеша. - [stream-react](https://affpapa.org/nevibecode/skills/stream-react.md) — скилл · GetStream · Claude Code, Codex, Cursor +3 · 304 установки — Скилл для сборки и аудита чата, видео и лент на Stream SDK в React и Next.js. - [vb-winforms](https://affpapa.org/nevibecode/skills/vb-winforms.md) — скилл · Claude MPM Team · Claude Code, Codex, Cursor +3 · 345 установок — Шаблоны разработки на VB.NET для Windows Forms: привязка данных и безопасные потоки интерфейса. - [headlessui](https://affpapa.org/nevibecode/skills/headlessui.md) — скилл · Claude MPM Team · Claude Code, Codex, Cursor +3 · 345 установок — Скилл по Headless UI: нестилизованные компоненты для React и Vue с готовой клавиатурной навигацией и ARIA. - [svelte](https://affpapa.org/nevibecode/skills/claude-mpm-team-svelte.md) — скилл · Claude MPM Team · Claude Code, Codex, Cursor +3 · 343 установки — Скилл помогает писать интерфейсы на Svelte 5 и приложения на SvelteKit. - [performance-optimization](https://affpapa.org/nevibecode/skills/akillness-performance-optimization.md) — скилл · akillness · Claude Code, Codex, Cursor +3 · 366 установок — Превращает отчёты профилировщиков, трассировки и логи в краткий план оптимизации. - [state-management](https://affpapa.org/nevibecode/skills/akillness-state-management.md) — скилл · akillness · Claude Code, Codex, Cursor +3 · 365 установок — Скилл помогает решить, кому принадлежит состояние в React-приложении, и выбрать самый узкий подходящий инструмент вместо спора о библиотеках. - [agentation](https://affpapa.org/nevibecode/skills/akillness-agentation.md) — скилл · akillness · Claude Code, Codex, Cursor +3 · 363 установки — Скилл связывает клики по живому интерфейсу с ИИ-агентом, передавая разметку, CSS-селекторы и координаты элементов для быстрых правок вёрстки. - [hono-jsx](https://affpapa.org/nevibecode/skills/hono-jsx.md) — скилл · bobmatnyc · Claude Code, Codex, Cursor +3 · 338 установок — Скилл для серверного рендеринга HTML на Hono JSX: асинхронные компоненты, Suspense и стриминг ответов. - [create-component](https://affpapa.org/nevibecode/skills/incluud-create-component.md) — скилл · incluud · Claude Code, Codex, Cursor +3 · 425 установок — Генерирует компоненты, страницы и макеты для Astro с доступной вёрсткой и строгой типизацией props. Дальше: https://affpapa.org/nevibecode/skills/topic/frontend.md?page=69 ## Уточнить [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