NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
ui-design скилл Скилл задаёт процесс создания визуальных интерфейсов: от выбора стека до проверки доступности, адаптивности и анимаций.
CX Codex +1
1 800установок
react скилл Скилл с 49 правилами React 19 и алгоритмом ревью кодовой базы. Пригодится при написании компонентов, миграции с React 18 и аудите репозитория.
CX Codex +1
489установок
graphql-development скилл Набор правил для GraphQL: схема, типизированные клиенты, интеграция с React и Next.js. Пригодится, когда агент пишет резолверы и запросы.
CX Codex +1
661установок
react-flow-architecture скилл Архитектурные подсказки для интерфейсов на React Flow: выбор состояния, интеграций и масштаба node-based приложений.
CX Codex +1
529установок
rollup-bundler скилл Скилл задаёт агенту правила конфигурации Rollup.js: форматы вывода, внешние зависимости, tree-shaking и плагины для сборки библиотек.
CX Codex +1
657установок
react-native-r3f скилл Задаёт правила разработки 3D-сцен на React Three Fiber и three.js. Помогает генерировать чистые компоненты с TypeScript без точек с запятой.
CX Codex +1
655установок
landing-page-optimizer скилл Скилл проходит по лендингу шесть шагов: аудит, структура, CTA, скорость, SEO и очередь A/B-тестов. Пригодится, когда конверсия просела, а непонятно, с чего начать.
CX Codex +1
361установок
e2e-testing скилл Задаёт шаблоны E2E-тестирования на Playwright для веб-приложений на React и Python. Помогает строить надёжные сквозные сценарии и Page Objects.
CX Codex +1
1 600установок
testing-data-visualizations
официальный скилл Скилл выстраивает стратегию тестирования графиков, дашбордов и диаграмм в коде. Он помогает разделить проверки между юнит-тестами, E2E и визуальной регрессией без хрупких снепшотов.
CX Codex GP ChatGPT
18установок
nextjs-server-client-components скилл Помогает выбрать между Server и Client Components в Next.js App Router, настроить чтение cookies, работу с searchParams и избежать смешивания клиентских и серверных API.
CX Codex +1
360установок
capacitor-expert скилл Скилл-справочник по Capacitor: архитектура, CLI, плагины, интеграция с фреймворками и Capawesome Cloud. Пригодится, когда агент собирает или чинит кросс-платформенное приложение.
CX Codex +1
1 200установок
capacitor-app-development скилл Помогает ИИ-агенту настраивать кроссплатформенные приложения на Capacitor 6, 7 и 8. Подходит для отладки мобильных платформ, конфигов и сборки под iOS и Android.
CX Codex +1
1 200установок
inertia-rails-architecture скилл Задаёт серверные шаблоны для Rails + Inertia.js + React и разводит по нужным скиллам, когда вы строите страницу, форму или CRUD.
CX Codex +1
537установок
capacitor-keyboard скилл Разбирает поведение экранной клавиатуры в приложениях на Capacitor: режимы resize на iOS, высоты событий, edge-to-edge на Android. Пригодится, когда поле ввода уезжает под клавиатуру.
CX Codex +1
1 000установок
meticulous-increase-coverage скилл Скилл для Meticulous: находит файлы без покрытия, привязывает их к реальному действию в интерфейсе и подтверждает рост покрытия сравнением с базой.
CX Codex +1
2 400установок
responsive-layout-builder скилл Скилл задаёт правила и готовые шаблоны для мобильной адаптивной вёрстки на CSS Grid, Flexbox, Tailwind и Container Queries в ассистентах Claude Code, Cursor и Copilot.
CX Codex +1
354установок
onchainkit скилл Скилл для ИИ-агента, который помогает собирать onchain-приложения на OnchainKit SDK: компоненты, провайдеры, транзакции и обмен токенов.
CX Codex +1
641установок
javascript-animation скилл Скилл собирает короткий анимационный ролик, где каждый кадр нарисован кодом на HTML canvas, и рендерит его в MP4. Пригодится, когда нет ни картинок, ни шрифтов под рукой.
CX Codex +1
532установок
image-optimization скилл Скилл помогает ускорить загрузку страниц: подбирает форматы AVIF и WebP, генерирует теги <picture> с srcset и настраивает ленивую загрузку.
CX Codex +1
585установок
rsbuild-v2-upgrade скилл Проводит проект с Rsbuild 1.x через миграцию на v2: зависимости, конфиг, сломанные опции. Пригодится, когда мажорное обновление иначе растянется на вечер.
CX Codex +1
476установок
shadcn-component-discovery скилл Скилл ищет готовые компоненты и реестры в экосистеме shadcn до того, как вы начнёте писать свой UI с нуля.
CX Codex +1
731установок
magento-hyva-specialist скилл Скилл для разработки витрин Magento 2 на теме Hyvä: Alpine.js, Tailwind CSS и оптимизация фронтенда. Пригодится, когда переводите шаблоны на Hyvä.
CX Codex +1
857установок
parcel-bundler скилл Скилл задаёт агенту правила работы со сборщиком Parcel: точки входа, TypeScript, CSS-модули, кэш и продакшен-сборка. Пригодится, когда проект собирается без конфига.
CX Codex +1
633установок
ad-creative-video скилл Скилл помогает создавать шаблоны моушн-рекламы в Remotion и массово собирать варианты для A/B-тестов из CSV-файла под форматы соцсетей.
CX Codex +1
984установок
adk-frontend скилл Скилл с готовыми шаблонами для фронтенда, который работает с ботами на Botpress ADK: авторизация, клиент, типы и вызовы действий.
CX Codex +1
1 700установок
frontend-design-ui-ux скилл Скилл создаёт зафиксированный язык дизайна и UX/UI-спецификацию для фичи или экрана. Он нужен перед передачей задачи инженеру.
CX Codex +1
2 400установок
tailwind-responsive-ui скилл Скилл для Claude и других ИИ-редакторов: помогает переделывать интерфейсы на Tailwind CSS под мобильные и десктопные экраны.
CX Codex +1
461установок
soundtrack скилл Пишет партитуру к анимации прямо в коде на Web Audio, рендерит её в WAV и проверяет, что монтажные склейки попадают в долю без резкого скачка громкости.
CX Codex +1
543установок
mobile-first-design скилл Задаёт правила адаптивной вёрстки от экрана 320px к десктопу, требования к тач-зонам от 48x48px и лимиты веса страницы до 500KB.
CX Codex +1
568установок
tailwind-ui-refactor скилл Скилл для рефакторинга HTML с классами Tailwind: подсказывает, как выстроить иерархию, отступы, типографику и цвет. Пригодится, когда верстаешь без дизайнера.
CX Codex +1
458установок
ui-verification скилл Запускает браузерные проверки вёрстки: проверяет фокус, кликабельные области, переполнение и сбои сети с замерами на реальной странице.
CX Codex +1
376установок
tailwind-capacitor скилл Настраивает Tailwind CSS v4 в приложениях на Capacitor и разбирает грабли мобильной вёрстки: safe-area, тёмная тема, варианты под iOS и Android.
CX Codex +1
955установок
launch-video скилл Помогает собрать промо-ролик на 15–60 секунд по структуре хук-тизер-дроп-монтаж-финал. Синхронизирует кадры с битом трека и готовит рендер в 16:9, 9:16 и 1:1.
CX Codex +1
964установок
ecommerce-platform-specialist скилл Скилл, который подсказывает агенту, как писать под Shopify: Admin API, Storefront API, Liquid, вебхуки и чекаут.
CX Codex +1
657установок
awwwards-landing-page скилл Скилл обучает агента разворачивать шаблон дизайнерского портфолио на Next.js с анимациями. Пригодится для быстрой вёрстки статичного сайта с плавной прокруткой.
CX Codex +1
1 300установок
jest-react-testing скилл Скилл для тестирования React-компонентов и хуков через Jest и React Testing Library: конфигурация, моки, асинхронные сценарии.
CX Codex +1
1 200установок
web-performance-optimization скилл Скилл для оптимизации загрузки веб-приложений: разбивка бандла, ленивая загрузка, кэширование и мониторинг Core Web Vitals.
CX Codex +1
557установок
vercel-ai-sdk скилл Подсказывает агенту, как писать код на Vercel AI SDK v5: чат через useChat, стриминг, вызов инструментов, эмбеддинги.
CX Codex +1
337установок
rsdoctor-analysis скилл Анализирует отчёты сборки Rspack и Webpack из файла rsdoctor-data.json. Находит дубликаты пакетов, раздутые модули и проблемы с tree-shaking.
CX Codex +1
450установок
inertia-rails-pages скилл Скилл для работы со страницами Inertia Rails: постоянные лейауты, навигация через Link и router, состояние из URL, отложенная загрузка и бесконечный скролл.
CX Codex +1
504установок
2 121–2 160 из 2 909
