NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
vscode-ext-localization
официальный скилл Помогает локализовать пользовательские тексты расширения VS Code. Подходит, когда вы добавляете переводы или обновляете существующие.
8 900установок
figma-generate-library
официальный скилл Скилл для синхронизации дизайн-системы Figma с кодовой базой. Помогает создать или обновить переменные, компоненты, режимы (светлая/тёмная тема) и документацию в правильном порядке — без фаз, выполненных в неправильной последовательности.
CX Codex +1
2 700установок
figma-code-connect-components
официальный скилл Связывает опубликованные компоненты из Figma с кодом проекта через Figma Code Connect. Помогает сопоставить свойства макета с интерфейсами в репозитории.
CX Codex +1
2 700установок
power-apps-code-app-scaffold
официальный скилл Создаёт каркас Power Apps Code App с React и TypeScript. Подходит для старта проекта с коннектором Power Platform.
8 700установок
mcp-create-adaptive-cards
официальный скилл Добавляет шаблоны Adaptive Cards в MCP API-плагины для визуального вывода данных в Microsoft 365 Copilot. Пригодится, когда ответ API нужно показать карточкой.
8 700установок
pnpm скилл Скилл для работы с pnpm, менеджером пакетов Node.js со строгим разрешением зависимостей. Нужен, если в проекте используются рабочие пространства, каталоги версий, патчи или переопределения зависимостей.
CX Codex +1
22 400установок
interface-review скилл Проверяет ветки, пулл-реквесты и незакоммиченные правки на дефекты UI, вёрстки, типографики и доступности. Показывает, что именно сломалось или добавилось в интерфейсе.
CX Codex +1
18 500установок
react-vite-dashboard
официальный скилл Скилл превращает макеты из Stitch в рабочий код дашборда на React и Vite. Он связывает дизайн-токены из DESIGN.md с кодом и подключает выборку данных через TanStack Query.
CX Codex +1
5 500установок
flutter-apply-architecture-best-practices скилл Скилл раскладывает Flutter-приложение по слоям UI, Logic и Data. Пригодится для нового проекта или рефакторинга кода.
CX Codex +1
43 200установок
responsive-design скилл Помогает строить адаптивные интерфейсы с mobile-first стилями, container queries и fluid-значениями. Нужен для компонентов и страниц, которые меняются вместе с доступным местом.
CX Codex
20 956установок
ui-ux-pro-max скилл Каталожная карточка для обнаружения скилла UI/UX Pro Max в репозитории OpenDesign. Помогает агенту распознавать запросы к паттернам интерфейсов и эвристикам юзабилити.
CX Codex +1
5 400установок
flutter-build-responsive-layout скилл Скилл обучает агента строить адаптивные интерфейсы Flutter под экраны телефонов и десктопов. Он задаёт правила работы с LayoutBuilder и MediaQuery.
CX Codex +1
42 500установок
scroll-world скилл Скилл собирает лендинг, где скролл управляет камерой: она влетает внутрь сцены и без склеек переходит к следующей.
CX Codex +1
4 800установок
baoyu-electron-extract скилл Извлекает ресурсы и JavaScript из установленного Electron-приложения, восстанавливая исходники по картам кода. Пригодится для разбора сборки и содержимого app.asar.
CX Codex +1
7 800установок
firebase-hosting-basics скилл Разворачивает статические сайты и SPA на Firebase Hosting CDN с SSL, preview-каналами и кастомными доменами.
CX Codex +1
170 300установок
opentui скилл Подключает к агенту справочную документацию OpenTUI: Core, React и Solid, компоненты, API приложений, тестирование и деплой.
CX Codex +1
3 800установок
flutter-fix-layout-issues скилл Разбирает ошибки раскладки Flutter по тексту исключения: overflow, неограниченные constraints, неверный ParentData. Подсказывает, что обернуть и во что.
CX Codex +1
39 900установок
pinia скилл Скилл Pinia добавляет в Claude Code справку по официальной библиотеке управления состоянием Vue. Помогает при создании хранилищ, работе с состоянием, геттерами и действиями в Vue-приложениях.
CX Codex +1
19 700установок
flutter-add-widget-test скилл Скилл помогает писать компонентные тесты Flutter с помощью WidgetTester. Проверяет, как виджет отображается и реагирует на касания, скролл и ввод текста.
CX Codex +1
39 200установок
nextjs-on-cloudflare скилл Скилл для развёртывания Next.js приложений на Cloudflare Workers через vinext. Используй для новых проектов, миграции существующих приложений или выбора между vinext и OpenNext.
CX Codex +1
42 800установок
vue-debug-guides скилл Скилл для диагностики ошибок Vue 3: реактивность, watchers, компоненты, шаблоны и hydration. Когда агент видит баг во Vue-проекте, он находит причину по каталогу типовых проблем.
CX Codex +1
26 700установок
frontend-design скилл Скилл для создания фронтенд-интерфейсов с продуманной типографикой, цветом и вёрсткой — от лендингов до дашбордов.
CX Codex +1
4 800установок
flutter-setup-declarative-routing скилл Настраивает декларативную маршрутизацию Flutter через go_router: маршруты по URL, вложенную навигацию и глубокие ссылки для веба и мобильных платформ.
CX Codex +1
37 800установок
flutter-add-widget-preview скилл Скилл учит агента создавать интерактивные превью виджетов во Flutter через package:flutter/widget_previews.dart. Пригодится для изолированной вёрстки UI без сборки всего приложения.
CX Codex +1
36 800установок
flutter-setup-localization скилл Скилл автоматизирует инициализацию поддержки многоязычности в Flutter-проекте. Добавляет зависимости, включает генерацию кода и создаёт конфиг для работы с .arb-файлами.
CX Codex +1
36 800установок
understand-figma скилл Скилл запрашивает макет через Figma REST API и строит интерактивный граф знаний дизайна с экранами, компонентами и токенами для локального дашборда.
CX Codex +1
1 800установок
transitions-polish скилл Скилл проверяет уже существующие анимации и подбирает токены для времени, расстояния, масштаба, blur и easing. Пригодится для точной настройки motion.
CX Codex +1
10 800установок
guizang-social-card-skill скилл Собирает карусели и обложки для Xiaohongshu, WeChat и статей из текста, скриншотов или видео в стиле швейцарского дизайна и журнальной вёрстки.
CX Codex +1
5 200установок
variant скилл Скилл собирает несколько заметно разных версий одного элемента интерфейса и показывает их на реальной странице. Пригодится, когда нужно сравнить направления дизайна перед выбором.
CX Codex +1
14 600установок
explain-interface скилл Разбирает чужие веб-интерфейсы, анимации и визуальные эффекты по ссылке или скриншоту. Помогает понять, из каких слоёв и стилей собран элемент.
CX Codex +1
14 100установок
codegen скилл Утилиты для генерации кода из json-render UI-деревьев. Помогает строить кастомные экспортеры кода для Next.js, Remix и других фреймворков, обходить спеки и сериализовать пропсы.
CX Codex +1
8 900установок
design-handoff
официальный скилл Скилл превращает макет или его описание в спецификацию для разработчиков: размеры, токены, состояния, брейкпоинты, краевые случаи.
CX Codex +1
3 500установок
interaction-design скилл Скилл помогает проектировать микровзаимодействия, переходы и состояния обратной связи. Подойдёт для полировки интерфейса и загрузочных экранов.
CX Codex
16 146установок
break скилл Скилл рендерит компонент во всех достижимых сценариях и отмечает видимые поломки. Нужен для проверки worst-case контента.
CX Codex +1
13 700установок
design-system-patterns скилл Помогает проектировать дизайн-токены, переключение тем и архитектуру библиотеки компонентов. Пригодится, когда вы закладываете общие правила интерфейса для проекта.
CX Codex
15 953установок
next скилл Генерирует многостраничные приложения Next.js из спецификаций JSON. Пригодится при сборке SSR-сайтов, маршрутов и макетов через @json-render/next.
CX Codex +1
8 600установок
unocss скилл Скилл даёт агенту справочник по UnoCSS: конфиг, правила, шорткаты, пресеты и трансформеры. Пригодится при настройке проекта на UnoCSS или при переносе знаний Tailwind на него.
CX Codex +1
16 100установок
react-best-practices скилл 27 правил производительности и качества React-кода, упорядоченных по приоритету: от устранения водопадов запросов до типизации.
CX Codex +1
2 800установок
react-native-design скилл Скилл помогает собирать React Native-приложения со стилями, навигацией и анимациями Reanimated. Пригодится для кроссплатформенной мобильной разработки.
CX Codex
15 522установок
angular-developer скилл Генерирует Angular-код и подсказывает архитектурные решения для компонентов, сервисов, форм, маршрутизации и HTTP. Пригодится для новых и существующих проектов.
CX Codex +1
46 200установок
201–240 из 2 909
