NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
shopify скилл Скилл задаёт правила вёрстки тем Shopify: шаблоны Liquid, архитектуру Online Store 2.0 и работу с корзиной.
CX Codex +1
717установок
accessibility-compliance скилл Скилл помогает внедрять требования WCAG 2.1/2.2, клавиатурную навигацию и поддержку программ чтения с экрана.
CX Codex +1
482установок
web-performance-optimization скилл Скилл для оптимизации веб-приложений: разбиение бандла, ленивая загрузка, кэширование, сжатие и мониторинг. Пригодится, когда страницы грузятся медленно.
CX Codex +1
482установок
animate скилл Генерирует моушн-графику и анимированные ролики по текстовому описанию. Скилл создаёт автономный проект на Vite, React и Framer Motion с автозапуском сцен в браузере.
CX Codex +1
394установок
playwright-visual-testing скилл Скилл помогает проверять веб-интерфейсы через Playwright MCP: делать снимки страниц, проходить пользовательские сценарии и искать визуальные изменения.
CX Codex +1
1 400установок
frontend-state-management скилл Скилл для работы с состоянием фронтенда: подсказывает, как организовать Redux, MobX, Zustand или Context API в приложении.
CX Codex +1
480установок
cypress скилл Скилл учит ИИ-агента писать надёжные сквозные тесты на Cypress. Набор правил отсекает хрупкие селекторы и настраивает сетевые перехваты.
CX Codex +1
712установок
vercel-development скилл Набор правил для ИИ-агента: как писать код под Next.js App Router, React Server Components и Vercel AI SDK. Пригодится, когда агент лепит клиентские компоненты там, где хватило бы серверных.
CX Codex +1
712установок
postcss-best-practices скилл Скилл с рекомендациями по настройке PostCSS, сжатию стилей через cssnano и интеграции с Vite, Webpack и Next.js.
CX Codex +1
710установок
capacitor-splash-screen скилл Скилл разбирается, почему в приложении Capacitor мелькает белый экран или сплэш не исчезает, и правит конфиг, тему Android 12+ и iOS storyboard.
CX Codex +1
1 100установок
react-router-v7 скилл Скилл с практиками React Router v7: подсказывает, когда брать loader, Form или fetcher, и как настраивать вложенные маршруты.
CX Codex +1
572установок
data-viz-2025 скилл Скилл для React, Next.js и TypeScript: помогает строить интерактивные графики, дашборды и визуализации на Tailwind CSS.
CX Codex +1
304установок
zod скилл Подсказывает синтаксис схем и валидации Zod 4.x при написании TypeScript-кода. Помогает настроить проверку входящих запросов, переменных окружения и типов.
CX Codex +1
647установок
dark-mode-design-expert скилл Скилл по тёмной теме интерфейсов: атмосферные палитры, требования WCAG и токены для светлой и тёмной схемы. Пригодится, когда нужно переключать тему без потери читаемости.
CX Codex +1
304установок
ionic-app-development скилл Руководство по разработке интерфейсов на Ionic Framework для существующих проектов с учётом жизненного цикла страниц и каталога из 80+ компонентов.
CX Codex +1
1 300установок
ionic-expert скилл Скилл даёт агенту справочник по Ionic Framework: компоненты, CLI, темы, навигация и паттерны Angular, React и Vue.
CX Codex +1
1 300установок
angular-development скилл Задаёт агенту правила Angular, SASS и TypeScript: строгая типизация, standalone-компоненты, сигналы. Пригодится, когда в проекте уже есть Angular.
CX Codex +1
705установок
vtex-io-react-apps скилл Скилл для фронтенда VTEX IO: помогает собирать React-компоненты под билдер react, регистрировать блоки и настраивать Site Editor.
CX Codex +1
1 500установок
esbuild-bundler скилл Скилл учит ИИ настраивать сборку на esbuild для браузера и Node.js. Помогает подготовить конфиг, настроить TypeScript и запустить сервер разработки.
CX Codex +1
697установок
wechat-miniprogram скилл Скилл по разработке мини-программ WeChat: WXML-шаблоны, WXSS-стили, WXS-скрипты, компоненты и вызовы WeChat API. Собран из официальной документации.
CX Codex +1
593установок
monorepo скилл Скилл задаёт агенту набор правил для монорепозиториев на TypeScript, React, Next.js и Expo с Turbo. Пригодится, когда в одном репозитории живут несколько приложений и общих пакетов.
CX Codex +1
694установок
less-best-practices скилл Скилл задаёт стандарты архитектуры стилей на Less: модульную структуру файлов, шкалы переменных и готовые миксины. Помогает поддерживать чистый CSS без роста специфичности селекторов.
CX Codex +1
692установок
hebrew-rtl-best-practices скилл Помогает настроить двунаправленный интерфейс на иврите в веб-приложениях. Пригодится при вёрстке RTL-макетов, работе с bidi-текстом и локализации форм.
CX Codex +1
695установок
rspack-v2-upgrade скилл Ведёт проект с Rspack 1.x через переход на вторую версию: зависимости, конфиг, проверка сборки. Пригодится, когда мажорный апгрейд страшно начинать вручную.
CX Codex +1
515установок
localization-l10n скилл Скилл с правилами локализации веб- и мобильных приложений. Помогает настроить переводы, региональные форматы дат и чисел, а также адаптацию вёрстки под RTL.
CX Codex +1
689установок
remix скилл Скилл для ИИ-агента, который подсказывает, как писать Remix-приложения на TypeScript: загрузка данных, мутации и вложенные маршруты.
CX Codex +1
686установок
scroll-animations скилл Скилл для анимаций, привязанных к прокрутке: появления блоков, параллакс, липкие шапки, индикаторы прогресса. Пригодится, когда страница должна реагировать на скролл, а не просто листаться.
CX Codex +1
1 100установок
cra-to-next-migration скилл Помогает перенести проекты с Create React App на Next.js 16+. Скилл переводит маршруты React Router в App Router, меняет переменные окружения и внедряет Server Components.
CX Codex +1
900установок
muapi-ui-design скилл Скилл превращает описание продукта в спецификацию для высокодетальных UI-макетов и вайрфреймов: атомарный дизайн, токены, паттерны раскладки.
CX Codex +1
2 800установок
clerk-authentication скилл Правила подключения Clerk в Next.js: middleware, хуки, защита серверных действий и маршрутов API. Пригодится, когда проект уже на Clerk и нужен порядок в проверках доступа.
CX Codex +1
683установок
turbopack-bundler скилл Скилл с правилами настройки бандлера Turbopack в Next.js. Помогает настроить пути, кастомные загрузчики и оптимизировать кэширование сборки.
CX Codex +1
676установок
apollo-graphql скилл Скилл задаёт агенту правила работы с Apollo Client: запросы, мутации, фрагменты, кэш и оптимистичные обновления в React-проектах на GraphQL.
CX Codex +1
677установок
monorepo-tamagui скилл Задаёт агенту правила разработки кросс-платформенного монорепо на Tamagui, Turbo, Next.js, Expo и Supabase. Пригодится, когда в одном репозитории живут веб и мобильное приложение.
CX Codex +1
677установок
ratatui-tui скилл Помогает агенту писать терминальные интерфейсы на ratatui: шаблоны проектов, виджеты, раскладка, асинхронные события. Пригодится, если делаете TUI на Rust.
CX Codex +1
722установок
react-native-cursor-rules скилл Набор правил React Native для ИИ-агента: TypeScript, функциональные компоненты, оптимизация ререндеров и FlatList. Пригодится, когда агент пишет код для мобильного приложения.
CX Codex +1
670установок
chart-animation скилл Скилл учит ИИ анимировать графики и гонки столбцов через Remotion и D3. Помогает переносить данные из CSV в детерминированное видео без рассинхронизации кадров.
CX Codex +1
1 200установок
eslint-prettier-config скилл Скилл разворачивает ESLint и Prettier в проекте на TypeScript и React: конфиги, правила, скрипты и хук на коммит.
CX Codex +1
1 100установок
performance-engineer скилл Скилл находит узкие места в приложении и помогает ускорить код. Пригодится при высоких задержках, медленных запросах или чрезмерном потреблении памяти.
CX Codex +1
707установок
frontend-react-router-best-practices скилл Набор архитектурных правил React Router для ИИ-агентов. Помогает писать загрузчики данных и безопасные формы без водопадов запросов.
CX Codex +1
401установок
ios-glass-ui-designer скилл Переделывает интерфейс мобильного приложения под нативный iOS: стеклянные материалы, типографика SF Pro, safe-area. Пригодится, когда экран выглядит чужим на iPhone.
CX Codex +1
504установок
2 081–2 120 из 2 909
