NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
turnstile-spin скилл Настраивает защиту от ботов Cloudflare Turnstile во фронтенде и бэкенде: добавляет виджет, прописывает проверку siteverify и проверяет токены API.
CX Codex +1
93 100установок
browser-qa скилл Гоняет живой интерфейс через браузерный MCP: ошибки в консоли, Core Web Vitals, формы, скриншоты на трёх ширинах и axe-core. Выносит вердикт SHIP или DO NOT SHIP.
CX Codex +1
4 900установок
nextjs-turbopack скилл Скилл объясняет, как использовать Turbopack в Next.js 16+ и когда выбирать webpack. Пригодится при отладке медленного запуска, HMR и имени файла middleware.
CX Codex +1
5 000установок
design-system скилл Собирает дизайн-систему из существующей вёрстки или проверяет её на визуальную консистентность: токены, оценка по десяти критериям, поиск шаблонных ИИ-приёмов.
CX Codex +1
5 000установок
next-partial-prefetching-optimizer скилл Настраивает предзагрузку интерфейса при клиентских переходах в Next.js 16.3+ с Partial Prefetching. Помогает сбалансировать мгновенный рендер страниц и отложенные данные.
CX Codex +1
2 400установок
better-typography скилл Проверяет типографику интерфейса и предлагает правки в системе стилей проекта. Пригодится, когда нужно привести текст, переносы и пунктуацию к правилам дизайна.
CX Codex +1
34 200установок
react-performance скилл Скилл для аудита и ускорения приложений на React 18/19 и Next.js. Помогает находить сетевые водопады, сокращать размер бандла и настраивать Server Components во время код-ревью.
CX Codex +1
4 900установок
remotion-video-creation скилл Скилл подсказывает агенту правила работы с Remotion в React: от анимаций и звука до субтитров, графиков и переходов. Пригодится при сборке видео из React-компонентов.
CX Codex +1
4 900установок
react-patterns скилл Скилл для Claude и других ИИ-редакторов: подсказывает, как писать компоненты React 18/19 — хуки, границы серверных и клиентских компонентов, формы, загрузку данных.
CX Codex +1
4 900установок
stitch::code-to-design
официальный скилл Переносит существующий фронтенд в Stitch: извлекает HTML и дизайн-систему, затем загружает их в проект. Пригодится для работы с уже готовыми страницами и компонентами.
CX Codex +1
10 200установок
baseline-ui скилл Очищает фронтенд-код от типичных артефактов нейросетей: правит отступы, сетку, шрифты и анимации. Пригодится для быстрой полировки интерфейса перед релизом.
CX Codex +1
24 200установок
chrome-devtools
официальный скилл Управляет живым Chrome через Chrome DevTools MCP: открывает страницы, проверяет ошибки и пишет трассы производительности. Нужен для отладки интерфейса прямо из агента.
15 258установок
build-mcp-app
официальный скилл Помогает добавить к MCP-серверу интерактивные формы, списки и визуальные виджеты. Подойдёт, когда результата в виде текста или JSON недостаточно.
6 458установок
ui-demo скилл Скилл записывает демо-ролики веб-приложения через Playwright: видимый курсор, ровный темп, раскадровка по шагам. Пригодится для онбординга и презентаций.
CX Codex +1
4 700установок
react-testing скилл Скилл для написания тестов React-компонентов, хуков и страниц: React Testing Library, Vitest или Jest, MSW для моков сети и проверки доступности через axe.
CX Codex +1
4 800установок
vite-patterns скилл Скилл подсказывает, как настраивать Vite, плагины, HMR, переменные окружения и сборку. Нужен при работе с vite.config.ts и Vite-проектами.
CX Codex +1
4 800установок
frontend-a11y скилл Скилл подсказывает доступные паттерны для React и Next.js: формы, ARIA, клавиатурная навигация и фокус. Пригодится для разработки и ревью.
CX Codex +1
4 800установок
brand-landingpage скилл Скилл проводит интервью о продукте и визуальном стиле, затем помогает создать лендинг через Stitch. Подойдёт, если у проекта пока нет готового дизайна.
CX Codex
39 476установок
vite скилл Скилл помогает настраивать Vite, писать плагины и собирать SSR-приложения. Пригодится для проектов с vite.config.ts и миграции на Rolldown.
CX Codex +1
39 900установок
stitch::upload-to-stitch
официальный скилл Скилл отправляет локальные изображения, макеты, разметку и HTML-страницы в проект Stitch напрямую по HTTP в обход ограничений вывода инструментов MCP.
CX Codex +1
9 900установок
stitch::extract-static-html
официальный скилл Скилл сохраняет отрендеренную страницу как автономный HTML-файл, встраивая стили и изображения. Пригодится для передачи статичного экрана или подготовки страницы к загрузке в Stitch.
CX Codex +1
10 000установок
motion-advanced скилл Паттерны сложной анимации и жестов для React и Next.js: драг-энд-дроп, цепочки через useAnimate и SVG. Помогает настроить физику интерфейса без лишних рендеров.
CX Codex +1
4 600установок
make-interfaces-feel-better скилл Скилл помогает находить и исправлять детали интерфейса: отступы, типографику, состояния элементов и анимации. Подходит для UI-ревью и доработки компонентов.
CX Codex +1
4 700установок
dart-flutter-patterns скилл Набор готовых паттернов для Dart и Flutter: null safety, состояние, навигация, сеть. Пригодится, когда пишете или ревьюите код на Flutter.
CX Codex +1
4 700установок
documentation-lookup скилл Ищет актуальную документацию библиотек и фреймворков через сервер Context7 MCP вместо устаревшей обучающей выборки. Помогает при настройке конфигов и написании кода под свежие версии API.
CX Codex +1
4 700установок
motion-foundations скилл Задаёт токены движения, пружинные пресеты, правила производительности и поддержку prefers-reduced-motion. Фундамент для остальных motion-скиллов.
CX Codex +1
4 700установок
motion-patterns скилл Скилл добавляет готовые паттерны анимации для React и Next.js. Подойдёт, когда нужно оформить кнопку, модальное окно, toast, переход страницы или scroll-reveal.
CX Codex +1
4 700установок
better-colors скилл Скилл проверяет палитры и строит систему цветовых токенов. Он нужен, когда в коде накопились случайные hex-значения, а контраст текста никто не считал.
CX Codex +1
32 600установок
angular-developer скилл Скилл генерирует код на Angular с учётом версии проекта, настраивает сигналы, формы и запускает проверку сборки.
CX Codex +1
4 500установок
benchmark скилл Скилл измеряет скорость страниц, API и сборки, а затем сравнивает показатели до и после изменений. Пригодится перед релизом или когда страницу считают медленной.
CX Codex +1
4 500установок
nuxt4-patterns скилл Скилл для работы с Nuxt 4: гидратация, route rules, ленивая загрузка и SSR-безопасный сбор данных через useFetch и useAsyncData.
CX Codex +1
4 600установок
swiftui-patterns скилл Задаёт правила современной разработки на SwiftUI: переход на @Observable, типобезопасная навигация и оптимизация рендеринга. Пригодится при верстке экранов под iOS и macOS.
CX Codex +1
4 600установок
compose-multiplatform-patterns скилл Скилл подсказывает паттерны Compose Multiplatform и Jetpack Compose для KMP-проектов: состояние, навигация, темы и UI под разные платформы.
CX Codex +1
4 600установок
feature-flags скилл Скилл для работы с фича-флагами в репозитории React: подсказывает, где живут флаги, как гейтить тесты и почему падает конкретный канал.
CX Codex +1
1 200установок
verify скилл Проверяет код перед коммитом в репозиторий React. Запускает форматирование, линтер, проверку типов Flow и тесты.
CX Codex +1
1 200установок
web-design-reviewer
официальный скилл Скилл осматривает работающий сайт, находит проблемы с вёрсткой, адаптивностью и доступностью, а затем может исправить их в исходном коде. Подойдёт, когда нужно проверить интерфейс и довести исправления до повторной проверки.
13 957установок
better-layout скилл Скилл проверяет и правит группировку, выравнивание, порядок чтения и адаптивную структуру макета, а потом ломает её ресайзом, переводом и зеркалированием под RTL.
CX Codex +1
30 800установок
fixing-accessibility скилл Скилл проверяет HTML на проблемы доступности и предлагает точечные исправления. Пригодится для форм, диалогов и интерактивных элементов.
CX Codex +1
21 800установок
better-interface скилл Проводит сквозной аудит экранов и интерфейсов по правилам доступности, вёрстки, текста, цвета и типографики. Сводит отчёты узких скиллов в единый список замечаний по приоритету.
CX Codex +1
30 000установок
vue скилл Скилл подсказывает агенту, как писать Vue 3-компоненты через Composition API и script setup. Нужен при работе с Vue SFC и реактивностью.
CX Codex +1
35 800установок
121–160 из 2 909
