NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
flutter-expert скилл Скилл для разработки кросс-платформных приложений на Flutter 3+ и Dart. Помогает с виджетами, управлением состоянием через Riverpod или Bloc, маршрутизацией GoRouter и оптимизацией производительности.
CX Codex +1
14 300установок
ui-skills-root скилл Маршрутизатор UI-задач, который определяет нужный скилл перед работой над интерфейсом. Запускается командой npx ui-skills start и помогает агенту выбрать минимальный контекст для решения.
CX Codex +1
7 100установок
vitepress скилл Скилл по VitePress: помогает агенту настраивать конфиг, тему и Markdown с Vue-компонентами при сборке сайта документации.
CX Codex +1
11 800установок
vue-pinia-best-practices скилл Скилл с лучшими практиками Pinia: как избежать ошибок при настройке хранилищ, сохранить реактивность и правильно организовать state management в Vue-проекте.
CX Codex +1
16 900установок
frontend-skill скилл Скилл помогает агенту собирать выразительные лендинги, сайты и интерфейсы приложений со сдержанной композицией. Пригодится для задач по frontend и UI.
CX Codex +1
3 000установок
opentui скилл Помогает агенту собирать терминальные интерфейсы на OpenTUI: от выбора Core, React или Solid до ввода с клавиатуры, анимаций и тестов.
CX Codex +1
64 500установок
material-ui-nextjs скилл Скилл для связки Material UI с Next.js: SSR, кеш Emotion, next/font, CSS-слои, Link и useSearchParams. Пригодится при настройке или отладке MUI в Next.js-приложении.
CX Codex +1
727установок
expo-router скилл Скилл для работы с файловой маршрутизацией, стеками, модалями и табами в Expo Router. Пригодится, если вы строите навигацию в мобильном приложении на React Native.
CX Codex +1
27 900установок
expo-brownfield скилл Помогает внедрить React Native и Expo в существующие нативные приложения на iOS и Android. Пригодится для точечной встройки экранов в SwiftUI, UIKit или Kotlin.
CX Codex +1
27 900установок
3d-web-experience скилл Помогает создавать и отлаживать 3D-сцены, конфигураторы товаров и портфолио для веба. Разбирает выбор стека, загрузку моделей и производительность.
CX Codex +1
5 200установок
argent-screenshot-diff скилл Сравнивает скриншоты до и после изменений в UI: ловит сдвиги в раскладке, отступах, цвете и рендере текста.
CX Codex +1
25 000установок
presentation скилл Превращает каталог технической спецификации в интерактивную веб-презентацию. Нужен, когда спецификацию хотят показать как связный публичный дек.
CX Codex +1
3 500установок
popular-web-designs скилл 54 готовых дизайн-систем реальных сайтов (Stripe, Linear, Vercel, Claude) с CSS-токенами, типографикой и компонентами для быстрой вёрстки в стиле известных брендов.
CX Codex +1
919установок
shadcn-ui скилл Скилл помогает агенту собирать структурированные и доступные UI-компоненты с shadcn/ui. Пригодится на этапе планирования интерфейса.
CX Codex +1
2 900установок
swiftui-design скилл Скилл помогает проектировать интерфейсы SwiftUI по чётким правилам, избегая типичных ошибок AI-кода. Направляет дизайн-решения, проверяет бренд-активы и оценивает макеты по пяти критериям.
CX Codex +1
2 900установок
plan-design-review скилл Скилл оценивает каждое измерение дизайна по шкале 0-10, объясняет, как выглядит оценка 10, и отмечает признаки AI Slop. Запускайте его перед слиянием UI-работ.
CX Codex +1
2 900установок
flutter-animating-apps скилл Помогает внедрять анимации и переходы в приложения на Flutter. Пригодится при проработке нативного моушн-дизайна для iOS и Android.
CX Codex +1
2 900установок
ui-skills скилл Набор правил и ограничений для сборки интерфейсов. Помогает агентам сохранять единый стиль, когда проект состоит из множества мелких компонентов.
CX Codex +1
2 900установок
brand-guidelines скилл Скилл задаёт визуальный стиль Anthropic для артефактов: фирменные цвета и типографику. Пригодится при создании собственного дизайн-системного ориентира.
CX Codex +1
2 900установок
color-expert скилл Скилл с 286K слов справочных материалов по OKLCH, генерации палитр, контрасту и смешиванию пигментов. Пригодится, когда верстаешь тему или проверяешь доступность цветов.
CX Codex +1
2 900установок
expo-data-fetching скилл Скилл настраивает сетевые запросы, кэширование и обработку ошибок в Expo. Помогает прописать состояния экранов и интеграцию с TanStack Query.
CX Codex +1
27 500установок
playwright-skill скилл Скилл для написания и запуска Playwright-скриптов прямо в редакторе. Автоматически находит dev-серверы, делает скриншоты, проверяет адаптивность, тестирует логины и валидирует работу сайта.
CX Codex +1
6 900установок
angular-migration скилл Помогает переносить приложения с AngularJS на Angular по частям или целиком. Пригодится для гибридных приложений, замены компонентов и обновления зависимостей.
CX Codex
10 900установок
algorithmic-art скилл Создаёт генеративную графику на p5.js с фиксированным сидом для воспроизводимых рендеров. Пригодится для процедурных постеров и арт-стадисов.
CX Codex +1
2 800установок
html-ppt-retro-quarterly-review скилл Шаблон квартального отчёта в ретро-стилистике: сине-оранжевая гамма, крупная типографика, три «кинематографичных» слайда. Пригодится, когда нужен эффектный HTML-дек без сборщиков.
CX Codex +1
2 800установок
field-notes-editorial-template скилл Скилл генерирует вёрстку бизнес-отчёта в стиле журнала в одном HTML-файле. Пригодится для оформления заметок совета директоров и аналитики.
CX Codex +1
2 800установок
login-flow скилл Создаёт HTML-прототип экрана входа для мобильного приложения с выбранным способом авторизации. Пригодится, когда нужно продумать состояния формы и её поведение на телефоне.
CX Codex +1
2 800установок
shader-dev скилл Скилл передаёт агенту приёмы написания GLSL-шейдеров: ray marching, симуляцию жидкостей и процедурную генерацию. Помогает собирать визуальные эффекты и статичные кадры для промо-экранов.
CX Codex +1
2 800установок
after-hours-editorial-template скилл Создаёт роскошные тёмные презентации в стиле haute couture с премиальной типографикой и кинематографическими переходами. Подходит для модных лукбуков и брендовых питчей.
CX Codex +1
2 800установок
platform-design скилл Добавляет в агент 300+ правил из Apple HIG, Material Design 3 и WCAG 2.2 для вёрстки и проектирования общих интерфейсов под iOS, Android и веб.
CX Codex +1
2 800установок
theme-factory скилл Скилл с 10 готовыми темами для оформления артефактов: слайды, документы, отчёты, HTML-лендинги. Подойдёт, когда нужно быстро придать материалам профессиональный вид.
CX Codex +1
2 800установок
frontend-dev скилл Скилл для создания современных фронтенда с плавными анимациями, AI-генерируемым контентом через MiniMax API и генеративным искусством. Подходит для героев-страниц и портфолио-сайтов.
CX Codex +1
2 800установок
agent-browser скилл Автоматизирует браузер через CLI и протокол CDP. Помогает агенту тестировать локальные интерфейсы, делать снимки экрана и собирать токены дизайна.
CX Codex +1
2 800установок
8-bit-orbit-video-template скилл Скилл задаёт шаблон ретро-видео в стиле 8-bit для Hyperframes. Он пригодится, когда нужно собрать HTML-композицию из нескольких сцен с переходами и предпросмотром.
CX Codex +1
2 800установок
web-artifacts-builder скилл Собирает HTML-артефакты для claude.ai с React и Tailwind — референсный workflow от Anthropic для встраиваемых интерфейсов.
CX Codex +1
2 800установок
frontend-slides скилл Генерирует HTML-презентации с анимациями и предпросмотром стилей. Пригодится для онлайн-докладов, интерактивных брифов и встраиваемых слайдов.
CX Codex +1
2 800установок
react-native-best-practices скилл Скилл передаёт агенту правила оптимизации React Native на базе опыта Callstack: от профилирования FPS и TTI до чистки бандла. Помогает устранить лаги анимаций и утечки памяти.
CX Codex +1
30 200установок
answer-me-with-html скилл Скилл превращает ответ агента в одностраничный визуальный HTML-объяснитель: сначала создаётся Markdown-черновик, затем CLI собирает страницу. Нужен для схем, сравнений и разборов.
CX Codex +1
5 400установок
mcp скилл Скилл помогает собирать MCP-серверы с интерактивными json-render UI для Claude, ChatGPT, Cursor и VS Code.
CX Codex +1
5 800установок
antislop скилл Фильтрует шаблонные решения ИИ при работе с интерфейсами и кодом. Нужен, когда агент должен следовать заданным правилам оформления и текста.
CX Codex +1
7 400установок
281–320 из 2 909
