NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
frontend-design скилл Скилл задаёт правила вёрстки интерфейсов по конкретным эстетическим стилям. Он сканирует проект на готовые токены и компоненты перед генерацией кода.
CX Codex +1
5 500установок
shadcn-ui скилл Скилл подсказывает агенту, как ставить и настраивать компоненты shadcn/ui: кнопки, диалоги, таблицы, формы с React Hook Form и Zod.
CX Codex +1
22 400установок
senior-qa скилл Скилл создаёт заготовки unit-, integration- и E2E-тестов для React и Next.js. Подойдёт для проверки покрытия и настройки тестового контура.
1 178установок
router-plugin скилл Настраивает плагин сборщика для генерации маршрутов и разделения кода в TanStack Router. Помогает подключить Vite, Webpack, Rspack или esbuild.
CX Codex +1
339установок
design-brief скилл Проводит интервью о задаче, смотрит существующий код и сохраняет дизайн-бриф в markdown. Пригодится перед стартом новой страницы или фичи.
CX Codex +1
5 300установок
brief-to-tasks скилл Превращает дизайн-бриф в упорядоченный список задач методом вертикальных срезов и сохраняет чек-лист в markdown-файл.
CX Codex +1
5 200установок
design-flow скилл Ведёт от уточняющих вопросов до готовых компонентов: шесть фаз подряд, каждая с подтверждением перед следующей.
CX Codex +1
5 300установок
beui скилл Подбирает и ставит анимированные React-компоненты beUI через MCP или реестр shadcn. Пригодится при сборке интерфейсов для чатов и агентов.
CX Codex +1
844установок
angular-directives скилл Скилл для Angular-директив, который больше не поддерживают. Вместо него команда Angular публикует официальные скиллы.
CX Codex +1
5 700установок
angular-di скилл Скилл для настройки внедрения зависимостей в Angular v20+ через inject() и токены. Проект архивирован авторами, а его инструкции удалены из репозитория.
CX Codex +1
5 700установок
migrate-oai-app скилл Переводит интерактивные виджеты с OpenAI Apps SDK на MCP Apps SDK. Помогает заменить синхронный вызов window.openai на событийную модель и настроить домены CSP.
CX Codex +1
1 100установок
threejs-webgl скилл Скилл учит агента настраивать сцены Three.js, рендереры WebGL и WebGPU, свет, материалы и загрузку glTF-моделей. Пригодится для 3D-визуализаций и конфигураторов.
CX Codex +1
4 600установок
beautiful-shadows скилл Скилл подставляет точные arbitrary-классы теней Tailwind для карточек, панелей и поповеров. Пригодится, когда стандартные shadow-sm и shadow-lg выглядят грубо.
CX Codex +1
2 200установок
leanback-to-compose-tv-migration скилл Скилл ведёт миграцию Android TV с Leanback и Android Views на Jetpack Compose for TV. Пригодится, когда переписываешь browse, settings или playback экран.
CX Codex +1
772установок
ui-design-system скилл Скилл собирает дизайн-токены, палитры, типографику и структуру компонентов. Пригодится для дизайн-системы и передачи макетов разработчикам.
1 076установок
glassmorphism скилл Задаёт агенту правила дизайн-системы в стиле глассморфизма с полупрозрачными слоями, размытием и контрастными токенами. Пригодится при вёрстке карточек bento и UI по WCAG 2.2 AA.
CX Codex +1
2 900установок
cinematic-scroll-storytelling скилл Настраивает плавную прокрутку и сценарную анимацию страниц через Lenis и GSAP ScrollTrigger. Пригодится при сборке редакционных лендингов, стопок карточек и кинетической типографики.
CX Codex +1
2 100установок
blog-chart скилл Генерирует адаптивные SVG-диаграммы для статей в HTML и MDX. Оркестратор запускает скилл при обработке маркеров данных в черновиках blog-write.
CX Codex +1
2 500установок
angular-tooling скилл Скилл для работы с Angular CLI в проектах Angular v20 и новее: создание проекта, генерация кода, сборка и тесты. Больше не поддерживается.
CX Codex +1
5 200установок
ui скилл Определяет, на какой системе интерфейса писать в Unity, и передаёт запрос нужному скиллу. Пригодится, когда просят меню или панель без указания фреймворка.
CX Codex +1
5 000установок
premium скилл Задаёт правила дизайн-системы в стиле Apple: токены, отступы, типографику и доступность. Пригодится при создании или выравнивании интерфейса.
CX Codex +1
2 700установок
editorial скилл Скилл задаёт правила редакционного дизайна: серифная типографика, 8pt-сетка, токены цветов и проверки доступности. Пригодится, когда верстаете лонгрид или документацию.
CX Codex +1
2 700установок
react-native-unistyles-v3 скилл Скилл ведёт агента по react-native-unistyles v3: настройка Babel или Metro, темы, брейкпоинты, варианты и разбор типичных ошибок.
CX Codex +1
529установок
bencium-innovative-ux-designer скилл Скилл помогает придумать собственный визуальный язык: десять типографических HTML-направлений, выбор человека и доводка до продакшена.
CX Codex +1
7 500установок
d3k скилл Запускает локальный dev-сервер и браузер проекта под единым управлением с общей хронологией событий. Помогает находить и воспроизводить ошибки в веб-приложениях.
CX Codex +1
859установок
threejs скилл Помогает агенту собирать и отлаживать интерактивные 3D-сцены на Three.js: сцена, камера, свет, загрузка glTF, контролы и производительность.
CX Codex +1
2 000установок
animation-on-scroll скилл Скилл добавляет элементам появление при входе во вьюпорт: IntersectionObserver плюс классы и кейфреймы под Tailwind.
CX Codex +1
2 000установок
preline-mcp скилл Скилл подключает MCP-сервер Preline и вставляет готовые компоненты и блоки Preline UI прямо в ваши HTML-файлы.
CX Codex +1
349установок
convert-web-app скилл Помогает добавить поддержку MCP App в существующее веб-приложение, сохранив его автономный запуск. Пригодится для SPA и страниц с текущим интерфейсом.
CX Codex +1
966установок
threejs-performance скилл Скилл помогает находить узкие места в three.js: draw calls, память, CPU, тени и работу GPU. Пригодится, когда сцена тормозит или расходует много памяти.
CX Codex +1
1 400установок
wp-patterns скилл Создаёт и обновляет паттерны блоков WordPress, проверяет их регистрацию и разметку. Пригодится для шаблонов, starter pages и Query Loop.
CX Codex +1
2 200установок
landing-page-guide-v2 скилл Скилл ведёт агента через выбор эстетики, дизайн-системы и 11 обязательных элементов лендинга. Код — Next.js 14+ и ShadCN UI.
CX Codex +1
1 300установок
clerk скилл Разбирает запрос про Clerk и отправляет к нужному скиллу: настройка, CLI, паттерны фреймворков, биллинг, вебхуки.
CX Codex +1
30 000установок
a11y-audit скилл Проверяет веб-проект на нарушения WCAG 2.2 уровней A и AA, предлагает исправления и повторно сверяет результат. Нужен перед релизом или для проверки изменений в CI/CD.
970установок
macos-design-guidelines скилл Скилл передаёт агенту правила Apple Human Interface Guidelines для macOS. Он пригодится при вёрстке меню, окон и клавиатурных сокращений на SwiftUI или AppKit.
CX Codex +1
4 300установок
animation-systems скилл Инструкции для агента по созданию сдержанной веб-анимации в стиле Stripe, Linear и Apple. Пригодится при вёрстке интерфейсов, модальных окон и карточек.
CX Codex +1
1 900установок
payload скилл Помогает настраивать коллекции, хуки и права доступа в проектах на Payload CMS. Пригодится при отладке запросов, транзакций и валидации.
CX Codex +1
6 900установок
bento скилл Скилл задаёт правила для интерфейсов в стиле bento: модульная сетка, карточки, иерархия и мягкие отступы. Пригодится для проектирования UI и дизайн-систем.
CX Codex +1
2 500установок
enterprise скилл Скилл задаёт правила тёмной дизайн-системы для дашбордов: сетки, стеклянные панели, токены и доступность. Пригодится, когда агент верстает интерфейс для работы с данными.
CX Codex +1
2 500установок
clean скилл Задаёт правила минималистичной дизайн-системы с сеткой 8pt, токенами цветов и требованиями WCAG 2.2 AA для интерфейсных компонентов.
CX Codex +1
2 600установок
681–720 из 2 909
