NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
better-accessibility скилл Проверяет доступность интерфейса по WCAG 2.2 и исправляет найденные проблемы в стилях проекта. Пригодится, когда нужно проверить клавиатурную навигацию и работу со скринридером.
CX Codex +1
29 600установок
better-writing скилл Скилл проверяет и пишет текст интерфейса: ошибки, пустые экраны, кнопки и подсказки. Он помогает выдержать единый тон продукта и не заводить тупиковых сценариев.
CX Codex +1
29 100установок
game-engine
официальный скилл Помогает GitHub Copilot создавать браузерные игры и игровые движки на HTML5 и JavaScript. Подходит для 2D, 3D, физики, коллизий и управления.
13 140установок
flags скилл Скилл запускает проверку feature flags в React и помогает сравнить каналы релизов. Пригодится, когда поведение функции различается между каналами.
CX Codex +1
1 100установок
flow скилл Запускает проверку типов Flow в проекте React и показывает ошибки с файлами и строками. Пригодится, когда правишь код и не хочешь вручную вспоминать команду с нужным рендерером.
CX Codex +1
1 100установок
penpot-uiux-design
официальный скилл Скилл для создания интерфейсов в Penpot через MCP-инструменты: веб, мобайл, дашборды, дизайн-системы. Работает с API Penpot напрямую из редактора кода.
12 782установок
transitions-dev скилл Скилл с готовыми CSS-переходами для веб-приложений: модалки, дропдауны, тосты, скелетоны. Пригодится, когда нужно оживить интерфейс без своей анимационной библиотеки.
CX Codex +1
20 300установок
design-is скилл Скилл проверяет интерфейс по десяти принципам Дитера Рамса, выставляет баллы с доказательствами и готовит промпт для команды /make-plan.
CX Codex +1
4 200установок
nextjs-app-router-patterns скилл Помогает строить приложения на Next.js App Router: выбирать режим рендеринга, организовывать маршруты и получать данные. Подойдёт при миграции с Pages Router или работе с Server Components.
CX Codex
32 529установок
web-quality-audit скилл Скилл для всестороннего аудита сайта: проверяет производительность, доступность, SEO и базовые практики по живым данным браузера.
CX Codex +1
32 700установок
fixing-metadata скилл Проверяет и приводит в порядок метаданные страниц: заголовки, описания, canonical, Open Graph, карточки Twitter, иконки и JSON-LD.
CX Codex +1
18 200установок
core-web-vitals скилл Скилл для оптимизации Core Web Vitals: сначала измеряет, потом правит LCP, INP и CLS. Полезен, когда страница тормозит или прыгает вёрстка.
CX Codex +1
32 000установок
react скилл Скилл помогает собирать React-интерфейсы из JSON-спецификаций через json-render. Нужен для каталогов компонентов и UI, который создаёт ИИ.
CX Codex +1
16 300установок
vue-best-practices скилл Задаёт стандарты разработки на Vue 3 с Composition API и TypeScript. Пригодится при написании SFC-компонентов, composables и настройке реактивности.
CX Codex +1
42 900установок
chakra-ui-builder скилл Скилл собирает адаптивные и доступные интерфейсы на Chakra UI v3, подключает библиотеку и настраивает темы. Пригодится для компонентов, страниц и layout.
CX Codex +1
3 500установок
modern-web-guidance скилл Скилл ищет актуальные гайды по HTML, CSS и клиентскому JS и подставляет их в работу агента. Пригодится, когда веб-API успели устареть в обучающих данных модели.
CX Codex +1
35 600установок
playwright-best-practices скилл Справочник по тестированию на Playwright: от написания E2E-сценариев до Page Object Model. Помогает разбирать флакующие тесты, настраивать мокирование API и проверять доступность.
CX Codex +1
98 500установок
core скилл Описывает схему и каталог компонентов для json-render и собирает системный промпт, по которому ИИ выдаёт JSON-спеки интерфейсов.
CX Codex +1
15 000установок
winui-app
официальный скилл Скилл помогает создавать, настраивать и проверять приложения WinUI 3 на C# с Windows App SDK. Пригодится для нового проекта и разбора проблем XAML.
CX Codex +1
3 200установок
frontend-design скилл Скилл задаёт агенту направление в дизайне до того, как он напишет код. Пригодится, когда нужен лендинг, дашборд или компонент, а не очередной фиолетовый градиент.
CX Codex +1
3 700установок
text-to-lottie скилл Генерирует, редактирует и чинит анимации Lottie JSON для локального плеера Skia Skottie. Пригодится при сборке интерфейсных лоадеров, титров и графиков.
CX Codex +1
10 700установок
ai-elements скилл Библиотека React-компонентов для AI-интерфейсов: сообщения, история диалогов, поля ввода промптов, отображение вызовов инструментов. Построена на shadcn/ui.
CX Codex +1
20 400установок
shadcn-svelte скилл Скилл помогает работать с shadcn-svelte: добавлять компоненты, составлять интерфейсы, исправлять стили и отлаживать проекты. Нужен, если вы пишете UI на Svelte с использованием shadcn-svelte или планируете начать.
CX Codex +1
6 700установок
motion-design скилл Скилл помогает проектировать анимации интерфейса: выбирать длительность, easing и последовательность движения. Пригодится для микровзаимодействий, загрузки и переходов между страницами.
CX Codex +1
19 900установок
a11y-debugging скилл Проверяет доступность веб-страниц через Chrome DevTools MCP: семантику, ARIA, фокус, клавиатурную навигацию и контраст.
CX Codex +1
3 600установок
extract-design-system скилл Скилл находит базовые токены дизайна на веб-странице и создаёт начальные файлы tokens.json и tokens.css. Он полезен для быстрого старта стилизации в новом репозитории.
CX Codex +1
130 700установок
figma-generate-design
официальный скилл Собирает и обновляет целые экраны в Figma из кода или описания, используя опубликованную дизайн-систему, а не нарисованные с нуля прямоугольники.
CX Codex +1
2 900установок
figma-create-design-system-rules
официальный скилл Генерирует правила дизайн-системы для кодовой базы при переносе макетов из Figma. Помогает агентам соблюдать структуру компонентов и токенов проекта.
CX Codex +1
2 900установок
shadcn-vue скилл Настраивает агента на правила shadcn-vue: добавление компонентов через CLI, вёрстка форм через FieldGroup, запрет space-y и строгие токены Tailwind.
CX Codex +1
5 800установок
mobile-android-design скилл Скилл помогает проектировать нативные Android-интерфейсы на Material Design 3 и Jetpack Compose. Подойдёт для экранов, навигации и адаптивных раскладок.
CX Codex
24 847установок
debug-optimize-lcp скилл Разбирает Largest Contentful Paint на четыре последовательных этапа и показывает, где именно тормозит загрузка главного контента страницы.
CX Codex +1
3 600установок
design-critique
официальный скилл Скилл проводит структурированный разбор интерфейса по критериям доступности, визуальной иерархии и удобства. Принимает скриншоты, описания экранов или ссылки на макет.
CX Codex +1
5 300установок
next-intl-add-language
официальный скилл Добавляет язык в Next.js-приложение с next-intl: переводит en.json и обновляет маршрутизацию. Нужен, когда новая локаль должна появиться в интерфейсе.
9 349установок
design-mobile-apps скилл Генерирует экраны мобильных приложений через сервис Sleek и помогает перенести готовый макет в React Native или HTML.
CX Codex +1
1 000 000установок
nuxt скилл Скилл добавляет поддержку Nuxt 5 — полнофункционального Vue-фреймворка с серверным рендерингом, файловой маршрутизацией и автоимпортами. Помогает агенту писать серверные маршруты, работать с useFetch, middleware и гибридным рендерингом.
CX Codex +1
24 100установок
agentation скилл Ставит в Next.js-проект панель визуальных отзывов и по запросу связывает её с кодинг-агентом через MCP.
CX Codex +1
13 600установок
mobile-ios-design скилл Помогает проектировать нативные интерфейсы iOS и писать SwiftUI-вью по Apple HIG. Пригодится для экранов, навигации и адаптивной вёрстки.
CX Codex
23 659установок
vscode-ext-commands
официальный скилл Скилл подсказывает, как добавлять команды в расширения VS Code: задавать имена, видимость, локализацию и связанные параметры.
9 000установок
fluentui-blazor
официальный скилл Скилл подсказывает, как подключать Microsoft Fluent UI Blazor и собирать интерфейсы из Fluent-компонентов. Нужен при разработке и отладке Blazor-приложений.
9 000установок
chakra-ui-refactor скилл Проверяет компоненты на правила Chakra UI v3 и переводит вёрстку с HTML, Tailwind или styled-components. Пригодится при миграции интерфейса и поиске ошибок доступности.
CX Codex +1
2 800установок
161–200 из 2 909
