# Скиллы по теме «Фронтенд и UI» Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов. 2909 карточек · страница 8 из 73 - HTML: https://affpapa.org/nevibecode/skills/topic/frontend?page=8 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [flutter-expert](https://affpapa.org/nevibecode/skills/httpsgithubcomjeffallan-flutter-expert.md) — скилл · https://github.com/Jeffallan · Claude Code, Codex, Cursor +3 · 14300 установок — Скилл для разработки кросс-платформных приложений на Flutter 3+ и Dart. - [ui-skills-root](https://affpapa.org/nevibecode/skills/ui-skills-root.md) — скилл · ibelick · Claude Code, Codex, Cursor +3 · 7100 установок — Маршрутизатор UI-задач, который определяет нужный скилл перед работой над интерфейсом. - [vitepress](https://affpapa.org/nevibecode/skills/vitepress.md) — скилл · Anthony Fu · Claude Code, Codex, Cursor +3 · 11800 установок — Скилл по VitePress: помогает агенту настраивать конфиг, тему и Markdown с Vue-компонентами при сборке сайта документации. - [vue-pinia-best-practices](https://affpapa.org/nevibecode/skills/vue-pinia-best-practices.md) — скилл · github.com/vuejs-ai · Claude Code, Codex, Cursor +3 · 16900 установок — Скилл с лучшими практиками Pinia: как избежать ошибок при настройке хранилищ, сохранить реактивность и правильно организовать state management в Vue-проекте. - [frontend-skill](https://affpapa.org/nevibecode/skills/frontend-skill.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 3000 установок — Скилл помогает агенту собирать выразительные лендинги, сайты и интерфейсы приложений со сдержанной композицией. - [opentui](https://affpapa.org/nevibecode/skills/opentui.md) — скилл · msmps · Claude Code, Codex, Cursor +3 · 64500 установок — Помогает агенту собирать терминальные интерфейсы на OpenTUI: от выбора Core, React или Solid до ввода с клавиатуры, анимаций и тестов. - [material-ui-nextjs](https://affpapa.org/nevibecode/skills/material-ui-nextjs.md) — скилл · mui · Claude Code, Codex, Cursor +3 · 727 установок — Скилл для связки Material UI с Next.js: SSR, кеш Emotion, next/font, CSS-слои, Link и useSearchParams. - [expo-router](https://affpapa.org/nevibecode/skills/expo-router.md) — скилл · expo · Claude Code, Codex, Cursor +3 · 27900 установок — Скилл для работы с файловой маршрутизацией, стеками, модалями и табами в Expo Router. - [expo-brownfield](https://affpapa.org/nevibecode/skills/expo-brownfield.md) — скилл · expo · Claude Code, Codex, Cursor +3 · 27900 установок — Помогает внедрить React Native и Expo в существующие нативные приложения на iOS и Android. - [3d-web-experience](https://affpapa.org/nevibecode/skills/sickn33-3d-web-experience.md) — скилл · sickn33 · Claude Code, Codex, Cursor +3 · 5200 установок — Помогает создавать и отлаживать 3D-сцены, конфигураторы товаров и портфолио для веба. - [argent-screenshot-diff](https://affpapa.org/nevibecode/skills/argent-screenshot-diff.md) — скилл · software-mansion · Claude Code, Codex, Cursor +3 · 25000 установок — Сравнивает скриншоты до и после изменений в UI: ловит сдвиги в раскладке, отступах, цвете и рендере текста. - [presentation](https://affpapa.org/nevibecode/skills/presentation.md) — скилл · iii-hq · Claude Code, Codex, Cursor +3 · 3500 установок — Превращает каталог технической спецификации в интерактивную веб-презентацию. - [popular-web-designs](https://affpapa.org/nevibecode/skills/popular-web-designs.md) — скилл · Hermes Agent + Teknium (design systems sourced from VoltAgent/awesome-design-md) · Claude Code, Codex, Cursor +3 · 919 установок — 54 готовых дизайн-систем реальных сайтов (Stripe, Linear, Vercel, Claude) с CSS-токенами, типографикой и компонентами для быстрой вёрстки в стиле известных брендов. - [shadcn-ui](https://affpapa.org/nevibecode/skills/nexu-io-shadcn-ui.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2900 установок — Скилл помогает агенту собирать структурированные и доступные UI-компоненты с shadcn/ui. - [swiftui-design](https://affpapa.org/nevibecode/skills/swiftui-design.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2900 установок — Скилл помогает проектировать интерфейсы SwiftUI по чётким правилам, избегая типичных ошибок AI-кода. - [plan-design-review](https://affpapa.org/nevibecode/skills/plan-design-review.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2900 установок — Скилл оценивает каждое измерение дизайна по шкале 0-10, объясняет, как выглядит оценка 10, и отмечает признаки AI Slop. - [flutter-animating-apps](https://affpapa.org/nevibecode/skills/flutter-animating-apps.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2900 установок — Помогает внедрять анимации и переходы в приложения на Flutter. - [ui-skills](https://affpapa.org/nevibecode/skills/ui-skills.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2900 установок — Набор правил и ограничений для сборки интерфейсов. - [brand-guidelines](https://affpapa.org/nevibecode/skills/nexu-io-brand-guidelines.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2900 установок — Скилл задаёт визуальный стиль Anthropic для артефактов: фирменные цвета и типографику. - [color-expert](https://affpapa.org/nevibecode/skills/color-expert.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2900 установок — Скилл с 286K слов справочных материалов по OKLCH, генерации палитр, контрасту и смешиванию пигментов. - [expo-data-fetching](https://affpapa.org/nevibecode/skills/expo-data-fetching.md) — скилл · expo · Claude Code, Codex, Cursor +3 · 27500 установок — Скилл настраивает сетевые запросы, кэширование и обработку ошибок в Expo. - [playwright-skill](https://affpapa.org/nevibecode/skills/playwright-skill.md) — скилл · lackeyjb · Claude Code, Codex, Cursor +3 · 6900 установок — Скилл для написания и запуска Playwright-скриптов прямо в редакторе. - [angular-migration](https://affpapa.org/nevibecode/skills/angular-migration.md) — скилл · Seth Hobson · Claude Code, Codex, Cursor · 10900 установок — Помогает переносить приложения с AngularJS на Angular по частям или целиком. - [algorithmic-art](https://affpapa.org/nevibecode/skills/nexu-io-algorithmic-art.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Создаёт генеративную графику на p5.js с фиксированным сидом для воспроизводимых рендеров. - [html-ppt-retro-quarterly-review](https://affpapa.org/nevibecode/skills/html-ppt-retro-quarterly-review.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Шаблон квартального отчёта в ретро-стилистике: сине-оранжевая гамма, крупная типографика, три «кинематографичных» слайда. - [field-notes-editorial-template](https://affpapa.org/nevibecode/skills/field-notes-editorial-template.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Скилл генерирует вёрстку бизнес-отчёта в стиле журнала в одном HTML-файле. - [login-flow](https://affpapa.org/nevibecode/skills/login-flow.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Создаёт HTML-прототип экрана входа для мобильного приложения с выбранным способом авторизации. - [shader-dev](https://affpapa.org/nevibecode/skills/shader-dev.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Скилл передаёт агенту приёмы написания GLSL-шейдеров: ray marching, симуляцию жидкостей и процедурную генерацию. - [after-hours-editorial-template](https://affpapa.org/nevibecode/skills/after-hours-editorial-template.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Создаёт роскошные тёмные презентации в стиле haute couture с премиальной типографикой и кинематографическими переходами. - [platform-design](https://affpapa.org/nevibecode/skills/platform-design.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Добавляет в агент 300+ правил из Apple HIG, Material Design 3 и WCAG 2.2 для вёрстки и проектирования общих интерфейсов под iOS, Android и веб. - [theme-factory](https://affpapa.org/nevibecode/skills/nexu-io-theme-factory.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Скилл с 10 готовыми темами для оформления артефактов: слайды, документы, отчёты, HTML-лендинги. - [frontend-dev](https://affpapa.org/nevibecode/skills/nexu-io-frontend-dev.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Скилл для создания современных фронтенда с плавными анимациями, AI-генерируемым контентом через MiniMax API и генеративным искусством. - [agent-browser](https://affpapa.org/nevibecode/skills/nexu-io-agent-browser.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Автоматизирует браузер через CLI и протокол CDP. - [8-bit-orbit-video-template](https://affpapa.org/nevibecode/skills/8-bit-orbit-video-template.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Скилл задаёт шаблон ретро-видео в стиле 8-bit для Hyperframes. - [web-artifacts-builder](https://affpapa.org/nevibecode/skills/nexu-io-web-artifacts-builder.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Собирает HTML-артефакты для claude.ai с React и Tailwind — референсный workflow от Anthropic для встраиваемых интерфейсов. - [frontend-slides](https://affpapa.org/nevibecode/skills/nexu-io-frontend-slides.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Генерирует HTML-презентации с анимациями и предпросмотром стилей. - [react-native-best-practices](https://affpapa.org/nevibecode/skills/react-native-best-practices.md) — скилл · callstackincubator · Claude Code, Codex, Cursor +3 · 30200 установок — Скилл передаёт агенту правила оптимизации React Native на базе опыта Callstack: от профилирования FPS и TTI до чистки бандла. - [answer-me-with-html](https://affpapa.org/nevibecode/skills/answer-me-with-html.md) — скилл · QingYunA · Claude Code, Codex, Cursor +3 · 5400 установок — Скилл превращает ответ агента в одностраничный визуальный HTML-объяснитель: сначала создаётся Markdown-черновик, затем CLI собирает страницу. - [mcp](https://affpapa.org/nevibecode/skills/mcp.md) — скилл · vercel-labs · Claude Code, Codex, Cursor +3 · 5800 установок — Скилл помогает собирать MCP-серверы с интерактивными json-render UI для Claude, ChatGPT, Cursor и VS Code. - [antislop](https://affpapa.org/nevibecode/skills/antislop.md) — скилл · miqdadbadjuber · Claude Code, Codex, Cursor +3 · 7400 установок — Фильтрует шаблонные решения ИИ при работе с интерфейсами и кодом. Дальше: https://affpapa.org/nevibecode/skills/topic/frontend.md?page=9 ## Уточнить [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