NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
devtools скилл Панель отладки для json-render: дерево компонентов, редактор состояния, лог действий, стриминг патчей и пикер элементов.
CX Codex +1
8 300установок
react-state-management скилл Помогает выбрать и настроить управление состоянием в React: локальное, глобальное, серверное, URL и состояние форм.
CX Codex
15 286установок
chakra-ui-migrate скилл Скилл ведёт миграцию проекта с Chakra UI v2 на v3 по шагам. Он помогает удалить старые пакеты, запустить официальный кодемод, обновить провайдер и переписать устаревшие пропсы.
CX Codex +1
1 800установок
react-native-architecture скилл Скилл для Claude Code, Codex и Cursor: подсказывает структуру проекта, навигацию, нативные модули и офлайн-синхронизацию в React Native на Expo.
CX Codex
15 087установок
web-design-guidelines скилл Проверяет код интерфейса на соответствие стандартам Vercel: вёрстку, типографику, цвета, анимации и доступность. Пригодится перед релизом компонентов.
CX Codex +1
3 900установок
winui3-migration-guide
официальный скилл Скилл помогает переносить UWP-код на WinUI 3 и Windows App SDK. Пригодится для проверки API, пространств имён и типичных ошибок Copilot.
5 700установок
directives скилл Готовые директивы для json-render: форматирование, математика, строки, i18n. Подключаются в каталог и рендерер за пару строк.
CX Codex +1
8 000установок
accessibility-compliance скилл Скилл помогает проверять доступность интерфейсов и исправлять проблемы с клавиатурной навигацией, экранными дикторами и формами. Подключайте его при работе с WCAG 2.2.
CX Codex
14 596установок
typescript-review скилл Проверяет изменения в TypeScript и JavaScript по правилам Metabase. Пригодится для ревью pull request и diff с фронтенд-кодом.
CX Codex +1
2 300установок
site-md
официальный скилл Скилл разбирает бриф или описание проекта и формирует файл .stitch/SITE.md для рабочего цикла Stitch Build Loop.
CX Codex +1
3 700установок
ima-sdk-client-side
официальный скилл Скилл помогает подключать Google IMA SDK для клиентской вставки видео- и аудиорекламы по VAST или VMAP. Подойдёт для сайтов, приложений и ТВ-платформ.
CX Codex
4 500установок
reference-core скилл Объясняет архитектуру рантайма Angular в packages/core. Скилл нужен при работе с кодом движка Ivy, инжекторами и реактивностью.
CX Codex +1
986установок
nextjs-supabase-auth скилл Скилл настраивает Supabase Auth в Next.js App Router: клиенты, middleware, OAuth callback и Server Actions. Пригодится для защиты маршрутов и работы с сессиями.
CX Codex +1
6 600установок
e2e-tests-studio скилл Скилл автоматически генерирует Playwright E2E тесты при изменении компонентов playground. Тестирует не состояние интерфейса, а реальное поведение: сохранение данных, потоки данных, эффекты действий.
CX Codex +1
2 500установок
reference-signal-forms скилл Разбирает архитектуру signal-based forms в Angular и помогает безопаснее работать с packages/forms/signals, где форма строится вокруг сигнала.
CX Codex +1
969установок
ima-dai-sdk
официальный скилл Скилл помогает подключить Google IMA DAI SDK для загрузки HLS- и DASH-потоков. Подойдёт для прямых эфиров и видео по запросу в приложениях и на сайтах.
CX Codex
4 300установок
visual-design-foundations скилл Скилл помогает задать типографику, цвета и интервалы для проекта. Подойдёт, когда вы создаёте дизайн-токены или приводите интерфейс к единому стилю.
CX Codex
13 566установок
baoyu-design скилл Скилл генерирует макеты интерфейсов, интерактивные прототипы и презентации в виде автономного HTML. Подходит для вёрстки экранов, дизайн-систем и схем.
CX Codex +1
6 300установок
adev-writing-guide скилл Скилл задаёт правила технического писательства Google и разметку для документации Angular в adev/. Он нужен при создании, правке и ревью страниц в каталоге adev/src/content.
CX Codex +1
912установок
typescript-write скилл Скилл для написания и редактирования TypeScript и JavaScript кода с соблюдением стандартов Metabase. Требует строгую типизацию без any и проверку типов перед завершением.
CX Codex +1
2 100установок
web-component-design скилл Скилл помогает проектировать компоненты для React, Vue и Svelte. Подойдёт для библиотек UI, дизайн-систем и рефакторинга старых компонентов.
CX Codex
13 167установок
threejs скилл Помогает ассистенту создавать 3D-сцены, настраивать материалы, камеру и пост-обработку на Three.js прямо в браузере.
CX Codex +1
3 400установок
design-brief скилл Преобразует дизайн-бриф в формате I-Lang в конкретную спецификацию с палитрой, типографикой, плотностью и ограничениями. Устраняет неопределённость из фраз вроде «сделай профессионально».
CX Codex +1
3 400установок
seo-schema скилл Скилл находит, проверяет и генерирует микроразметку Schema.org в формате JSON-LD. Помогает подготовить страницы к расширенным сниппетам Google.
CX Codex +1
7 000установок
improve-ui скилл Проверяет интерфейс на соответствие его дизайн-системе, находит доказанные расхождения и составляет планы исправлений для другого агента.
CX Codex +1
7 900установок
expo-ui скилл Скилл для создания интерфейсов, которые рендерятся в настоящий native код: SwiftUI на iOS и Jetpack Compose на Android. Помогает агенту писать правильные компоненты вместо того, чтобы тянуть тяжёлые библиотеки вроде Reanimated.
CX Codex +1
31 800установок
premium-frontend-ui
официальный скилл Направляет GitHub Copilot при создании визуально выразительных страниц и компонентов с анимацией. Подойдёт для лендинга или интерактивного портфолио.
4 900установок
expo-native-ui скилл Настраивает правила вёрстки нативных экранов в Expo по гайдам Apple HIG: цвета, элементы @expo/ui, SF Symbols и адаптивные отступы.
CX Codex +1
31 700установок
react-modernization скилл Скилл обновляет React-код, переносит классовые компоненты на хуки и помогает внедрять возможности React 18. Подойдёт для поэтапной модернизации старого приложения.
CX Codex
12 625установок
analytics-events скилл Скилл добавляет события продуктовой аналитики Snowplow во фронтенд Metabase. Нужен, когда в код встраивают трекинг кликов, создания сущностей и других действий пользователя.
CX Codex +1
2 000установок
wcag-audit-patterns скилл Проверяет веб-интерфейс по WCAG 2.2, сочетая автотесты и ручную проверку. Нужен при поиске нарушений и внедрении доступных паттернов.
CX Codex
12 486установок
threejs-animation скилл Скилл для работы с keyframe-анимацией, костями и морф-целями в Three.js. Помогает воспроизводить glTF-анимации, управлять костями скелета, миксировать и кроссфейдить клипы на WebGL и WebGPU.
CX Codex +1
20 400установок
seo-images скилл Проверяет alt-текст, размер, формат (WebP/AVIF), адаптивность, ленивую загрузку и метаданные изображений на странице. Находит проблемы с CLS и показывает, сколько килобайт можно сэкономить.
CX Codex +1
6 800установок
cmux-custom-sidebar скилл Скилл для написания кастомной боковой панели cmux на SwiftUI-подобном языке. Панель привязывается к рабочим пространствам, вкладкам, PR и часам, горячо перезагружается при сохранении и выполняет команды cmux по нажатию.
CX Codex +1
4 800установок
agentation-self-driving скилл Запускает автономный визуальный аудит интерфейса в открытом окне браузера и расставляет карточки замечаний через тулбар Agentation.
CX Codex +1
7 000установок
cmux-localization скилл Скилл для проверки и управления переводами пользовательских строк в интерфейсе. Запускает аудит каждый раз, когда вы меняете текст кнопок, меню, подсказок или сообщений об ошибках.
CX Codex +1
4 700установок
cmux-debugging скилл Скилл для добавления отладочных логов, диагностики проблем UI и рантайма в cmux. Пригодится, когда вы работаете с терминальным рендерингом, списками вкладок, drag-and-drop или тестируете на разных версиях macOS.
CX Codex +1
4 800установок
argent-react-native-optimization скилл Скилл выявляет узкие места в React Native через замеры и очищает код от механических проблем. Запускается при лагах интерфейса, долгом старте или частых лишних рендерах.
CX Codex +1
26 500установок
d3-visualization скилл Скилл учит агента создавать интерактивные графики и визуализации данных на D3.js. Подойдёт, если нужно быстро генерировать диаграммы для дашбордов, отчётов и прототипов.
CX Codex +1
3 100установок
design-review скилл Проводит визуальный аудит интерфейса, вносит точечные правки атомарными коммитами и сохраняет скриншоты до и после изменений. Пригодится для полировки свёрстанного UI перед релизом.
CX Codex +1
3 200установок
241–280 из 2 909
