# Скиллы по теме «Фронтенд и UI» Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов. 2909 карточек · страница 12 из 73 - HTML: https://affpapa.org/nevibecode/skills/topic/frontend?page=12 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [fullstack-guardian](https://affpapa.org/nevibecode/skills/fullstack-guardian.md) — скилл · https://github.com/Jeffallan · Claude Code, Codex, Cursor +3 · 5600 установок — Скилл помогает создавать веб-приложения со сквозной защитой от базы данных до интерфейса. - [react-expert](https://affpapa.org/nevibecode/skills/react-expert.md) — скилл · https://github.com/Jeffallan · Claude Code, Codex, Cursor +3 · 5500 установок — Скилл для разработки на React 18+, Next.js App Router и create-react-app. - [appllama-app-design-skill](https://affpapa.org/nevibecode/skills/appllama-app-design-skill.md) — скилл · Appllama (appllama.io) · Claude Code, Codex, Cursor +3 · 4800 установок — Скилл для создания нативных мобильных интерфейсов под iOS и Android на Expo и React Native. - [upgrading-react-native](https://affpapa.org/nevibecode/skills/upgrading-react-native.md) — скилл · callstackincubator · Claude Code, Codex, Cursor +3 · 12600 установок — Обновляет React Native-приложения до новых версий: применяет диффы из rn-diff-purge, мигрирует iOS и Android, решает конфликты CocoaPods и Gradle. - [inspector-workbench](https://affpapa.org/nevibecode/skills/inspector-workbench.md) — скилл · CopilotKit · Claude Code, Codex, Cursor +3 · 870 установок — Гоняет правки интерфейса Inspector в отдельной лаборатории Threads, чтобы агент видел оверлей и делал скриншот после каждого изменения. - [react-nextjs-development](https://affpapa.org/nevibecode/skills/react-nextjs-development.md) — скилл · sickn33 · Claude Code, Codex, Cursor +3 · 2000 установок — Ведёт разработку на React и Next.js 14+ через восемь фаз: от скаффолдинга до деплоя на Vercel. - [browser-extension-builder](https://affpapa.org/nevibecode/skills/sickn33-browser-extension-builder.md) — скилл · sickn33 · Claude Code, Codex, Cursor +3 · 2000 установок — Скилл помогает проектировать браузерные расширения на Manifest V3 для Chrome и Firefox. - [scroll-experience](https://affpapa.org/nevibecode/skills/sickn33-scroll-experience.md) — скилл · sickn33 · Claude Code, Codex, Cursor +3 · 2000 установок — Скилл помогает проектировать скролл-анимации, параллакс и интерактивное повествование для веб-страниц. - [state-machine](https://affpapa.org/nevibecode/skills/state-machine.md) — скилл · jakubkrehel · Claude Code, Codex, Cursor +3 · 3800 установок — Создаёт временную страницу со всеми достижимыми состояниями одного компонента, мок-данными и переключателем. - [shopify-development](https://affpapa.org/nevibecode/skills/shopify-development.md) — скилл · sickn33 · Claude Code, Codex, Cursor +3 · 1900 установок — Скилл для разработки Shopify-приложений, расширений и тем через GraphQL Admin API, Shopify CLI, Polaris UI и Liquid. - [shopify-expert](https://affpapa.org/nevibecode/skills/shopify-expert.md) — скилл · https://github.com/Jeffallan · Claude Code, Codex, Cursor +3 · 5000 установок — Скилл для разработки тем Shopify, приложений и headless-витрин через Storefront API. - [browser-harness](https://affpapa.org/nevibecode/skills/browser-harness.md) — скилл · browser-use · Claude Code, Codex, Cursor +3 · 797 установок — Управляет реальным браузером через Chrome DevTools Protocol: клики, ввод текста, навигация, сессии авторизации, JS-рендер и защита от ботов. - [build-design](https://affpapa.org/nevibecode/skills/build-design.md) — скилл · jakubkrehel · Claude Code, Codex, Cursor +3 · 3600 установок — Переносит интерфейс из Figma или скриншота в код проекта. - [react-native-expert](https://affpapa.org/nevibecode/skills/react-native-expert.md) — скилл · https://github.com/Jeffallan · Claude Code, Codex, Cursor +3 · 4900 установок — Скилл для агентов ИИ-кодинга: помогает собирать мобильные приложения на React Native и Expo — навигация, нативные модули, скорость списков, код под iOS и Android. - [quick-mockups](https://affpapa.org/nevibecode/skills/quick-mockups.md) — скилл · civitai · Claude Code, Codex, Cursor +3 · 1700 установок — Генерирует от 3 до 5 параллельных вариантов интерфейса в HTML. - [shader-dev](https://affpapa.org/nevibecode/skills/minimax-ai-shader-dev.md) — скилл · MiniMax-AI · Claude Code, Codex, Cursor +3 · 2500 установок — Набор руководств по 36 техникам GLSL для генерации шейдеров под ShaderToy и WebGL2. - [angular-architect](https://affpapa.org/nevibecode/skills/angular-architect.md) — скилл · https://github.com/Jeffallan · Claude Code, Codex, Cursor +3 · 4800 установок — Скилл для Claude Code и других ИИ-редакторов: собирает компоненты Angular 17+ на standalone и сигналах, настраивает маршрутизацию, NgRx и RxJS. - [game-setup-and-config](https://affpapa.org/nevibecode/skills/game-setup-and-config.md) — скилл · phaserjs · Claude Code, Codex, Cursor +3 · 1200 установок — Скилл помогает инициализировать инстанс Phaser 4 и собрать объект GameConfig с нужным рендерером, масштабированием и FPS. - [vercel-deployment](https://affpapa.org/nevibecode/skills/sickn33-vercel-deployment.md) — скилл · sickn33 · Claude Code, Codex, Cursor +3 · 1800 установок — Скилл подготавливает и запускает деплой Next.js-проекта на Vercel. - [pretext](https://affpapa.org/nevibecode/skills/pretext.md) — скилл · Hermes Agent · Claude Code, Codex, Cursor +3 · 317 установок — Скилл для браузерных демо на @chenglou/pretext: текст обтекает фигуры, ломается на графемы и меряется через canvas без пересчёта страницы. - [copilotkit](https://affpapa.org/nevibecode/skills/copilotkit.md) — скилл · CopilotKit · Claude Code, Codex, Cursor +3 · 767 установок — Скилл для работы с CopilotKit: агент ищет ответы в текущей документации и исходниках вместо того, чтобы вспоминать API по памяти. - [vue-expert](https://affpapa.org/nevibecode/skills/vue-expert.md) — скилл · https://github.com/Jeffallan · Claude Code, Codex, Cursor +3 · 4500 установок — Помогает писать Vue 3 код на Composition API, настраивать Nuxt 3, Pinia и Vite. - [telegram-mini-app](https://affpapa.org/nevibecode/skills/sickn33-telegram-mini-app.md) — скилл · sickn33 · Claude Code, Codex, Cursor +3 · 1700 установок — Скилл для разработки Telegram Mini Apps — веб-приложений, которые работают внутри Telegram с опытом, близким к нативным. - [sprites-and-images](https://affpapa.org/nevibecode/skills/sprites-and-images.md) — скилл · phaserjs · Claude Code, Codex, Cursor +3 · 1100 установок — Помогает создавать и настраивать объекты Sprite и Image в Phaser 4. - [zod-4](https://affpapa.org/nevibecode/skills/zod-4.md) — скилл · prowler-cloud · Claude Code, Codex, Cursor +3 · 1200 установок — Скилл обучает ассистента правилам валидации Zod 4 и миграции со старых версий. - [html-diagram](https://affpapa.org/nevibecode/skills/html-diagram.md) — скилл · plannotator · Claude Code, Codex, Cursor +3 · 4100 установок — Генерирует автономные интерактивные HTML-диаграммы без сторонних сервисов и сборки. - [zustand](https://affpapa.org/nevibecode/skills/zustand.md) — скилл · vercel-labs · Claude Code, Codex, Cursor +3 · 1900 установок — Скилл интегрирует Zustand в json-render для синхронизации состояния приложения. - [tailwind-design-system](https://affpapa.org/nevibecode/skills/sickn33-tailwind-design-system.md) — скилл · sickn33 · Claude Code, Codex, Cursor +3 · 1600 установок — Скилл задаёт агенту рамки работы с Tailwind: токены, варианты компонентов, адаптивные паттерны и доступность. - [edge-to-edge](https://affpapa.org/nevibecode/skills/edge-to-edge.md) — скилл · Google LLC · Claude Code, Codex, Cursor +3 · 3200 установок — Переводит Jetpack Compose-приложение на edge-to-edge и исправляет перекрытия системными панелями, клавиатурой и отступами. - [swiftui-liquid-glass](https://affpapa.org/nevibecode/skills/swiftui-liquid-glass.md) — скилл (официальный OpenAI) · OpenAI · Codex, ChatGPT · 121 установка — Скилл помогает создавать и проверять интерфейсы SwiftUI с Liquid Glass для iOS 26+. - [isometric-explainer](https://affpapa.org/nevibecode/skills/isometric-explainer.md) — скилл · rohitg00 · Claude Code, Codex, Cursor +3 · 550 установок — Скилл создаёт интерактивную страницу с изометрической машиной, где каждый узел визуализирует шаг процесса на базе строгой модели состояний. - [course-style](https://affpapa.org/nevibecode/skills/course-style.md) — скилл · rohitg00 · Claude Code, Codex, Cursor +3 · 550 установок — Задаёт правила оформления, токены цветов, шрифты и нормы понятного технического текста для проекта AI Engineering from Scratch. - [vue-expert-js](https://affpapa.org/nevibecode/skills/vue-expert-js.md) — скилл · https://github.com/Jeffallan · Claude Code, Codex, Cursor +3 · 4100 установок — Создаёт Vue 3-код на JavaScript с JSDoc-аннотациями вместо TypeScript. - [motion-figure](https://affpapa.org/nevibecode/skills/motion-figure.md) — скилл · rohitg00 · Claude Code, Codex, Cursor +3 · 545 установок — Скилл генерирует интерактивные схемы и анимации трёх уровней: декларативные SVG на SMIL, HTML-виджеты с регуляторами и WebGL-полосы дизеринга. - [tamagui](https://affpapa.org/nevibecode/skills/tamagui.md) — скилл · tamagui · Claude Code, Codex, Cursor +3 · 595 установок — Обучает ИИ-агента синтаксису Tamagui v3 с плоскими условиями стилей без префикса $. - [spartan](https://affpapa.org/nevibecode/skills/spartan.md) — скилл · spartan-ng · Claude Code, Codex, Cursor +3 · 2300 установок — Помогает добавлять, собирать и стилизовать компоненты spartan/ui в Angular-проекте. - [html-plan](https://affpapa.org/nevibecode/skills/html-plan.md) — скилл · plannotator · Claude Code, Codex, Cursor +3 · 3800 установок — Превращает черновые планы и договорённости в автономный HTML-документ. - [html](https://affpapa.org/nevibecode/skills/html.md) — скилл · plannotator · Claude Code, Codex, Cursor +3 · 3900 установок — Скилл собирает один самодостаточный HTML-файл со стилями и скриптами внутри: отчёт, лендинг, презентацию или калькулятор. - [frontend-dev-guidelines](https://affpapa.org/nevibecode/skills/sickn33-frontend-dev-guidelines.md) — скилл · sickn33 · Claude Code, Codex, Cursor +3 · 1500 установок — Задаёт строгие правила для React и TypeScript: структура фич, Suspense-запросы, MUI и проверка влияния на производительность. - [interactive-portfolio](https://affpapa.org/nevibecode/skills/sickn33-interactive-portfolio.md) — скилл · sickn33 · Claude Code, Codex, Cursor +3 · 1500 установок — Скилл помогает спроектировать интерактивное портфолио разработчика или дизайнера с упором на конверсию посетителей. Дальше: https://affpapa.org/nevibecode/skills/topic/frontend.md?page=13 ## Уточнить [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