NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
nextjs-code-review скилл Проверяет код Next.js перед слиянием изменений: компоненты, серверные действия, кэш и маршруты. Пригодится после новой функции или миграции.
CX Codex +1
3 800установок
zod-validation-utilities скилл Помогает писать схемы Zod v4 для проверки API, форм и конфигурации в TypeScript. Пригодится для разбора внешних данных и понятной обработки ошибок.
CX Codex +1
3 800установок
logo-animation скилл Скилл для ИИ-кодинга, который собирает анимацию логотипа: интро, сплэш, лоадер, отрисовку SVG-знака. Работает в вебе, видео и мобильных приложениях.
CX Codex +1
2 800установок
color-motion скилл Скилл помогает подбирать палитры для моушн-дизайна, строить градиенты в пространстве OKLCH и устранять выцветание рендеров After Effects из-за сдвига гаммы.
CX Codex +1
2 800установок
experience-lwc-runtime-observe скилл Скилл запускает локальный предпросмотр компонентов LWC в Salesforce CLI и выгружает отрендеренный DOM для отладки. Пригодится при поиске ошибок в shadow DOM.
CX Codex +1
2 000установок
experience-lds-best-practices-apply скилл Проверяет и правит слой данных в Lightning Web Component: где хватит UIAPI, а где нужен Apex, и как не получить устаревшие данные после сохранения.
CX Codex +1
2 000установок
experience-lwc-design-generate скилл Создаёт компоненты Lightning Web Components по макетам Figma или PRD. Управляет циклом от сбора требований до стилизации по SLDS и тестов.
CX Codex +1
2 100установок
mvvm-toolkit-messenger
официальный скилл Скилл для GitHub Copilot по Messenger из CommunityToolkit.Mvvm: связывает ViewModels через pub/sub, без прямых ссылок друг на друга.
56установок
sentry-sdk-upgrade скилл Скилл помогает обновить Sentry JavaScript SDK между мажорными версиями, например с v7 до v8 или v9. Он находит устаревший код, обновляет импорты и проверяет сборку проекта.
CX Codex +1
3 100установок
sentry-react-sdk скилл Скилл проводит через полную настройку Sentry в React-проекте: сканирует зависимости, предлагает набор функций и пишет конфиг. Пригодится, когда нужно подключить мониторинг ошибок без ручного разбора документации.
CX Codex +1
3 100установок
motion-principles скилл Скилл задаёт правила интерфейсной анимации: безопасные свойства, тайминги, кривые разгона и режим reduced-motion для веба, SwiftUI и Jetpack Compose.
CX Codex +1
1 100установок
nextjs-deployment скилл Готовит конфигурацию для деплоя Next.js в продакшен. Настраивает многоэтапный Dockerfile, CI/CD через GitHub Actions, мониторинг OpenTelemetry и проверку работоспособности сервиса.
CX Codex +1
3 700установок
nextjs-data-fetching скилл Скилл даёт готовые паттерны выборки данных в Next.js App Router: от серверных компонентов и ISR до интеграции с SWR и React Query.
CX Codex +1
3 700установок
flowchart-creator скилл Скилл собирает блок-схемы и деревья решений в один HTML-файл с SVG. Пригодится, когда процесс нужно показать, а не описать словами.
CX Codex +1
735установок
shopify скилл Скилл для разработки под Shopify: приложения, расширения чекаута и админки, темы на Liquid, работа с GraphQL и REST API.
CX Codex +1
450установок
better-auth скилл Скилл с готовыми шаблонами Better Auth: подключение к NestJS, Drizzle ORM и PostgreSQL, вход через соцсети и плагины вроде 2FA и passkey.
CX Codex +1
3 600установок
experience-lds-graphql-generate скилл Скилл строит GraphQL-запросы и мутации к Salesforce LDS по схеме вашей org и встраивает их в Lightning Web Component. Пригодится, когда LWC должен читать или менять записи через GraphQL, а не через wire-адаптеры.
CX Codex +1
1 900установок
experience-aura-lwc-migrate скилл Скилл анализирует бандлы компонентов Salesforce Aura и составляет спецификацию PRD для их переноса на LWC. Помогает подготовить точный план архитектурной миграции без ручного разбора разметки.
CX Codex +1
1 900установок
localize скилл Адаптирует интерфейс под разные культуры и языки: от рендеринга RTL до соответствия GDPR и PIPL.
CX Codex +1
2 700установок
include скилл Внедряет правила доступности и требования стандарта WCAG 2.2 в интерфейсные решения до начала вёрстки.
CX Codex +1
2 700установок
fortify скилл Скилл для проработки нештатных сценариев интерфейса: пустых экранов, сетевых сбоев, частичной загрузки данных и ошибок валидации.
CX Codex +1
2 700установок
web-testing скилл Скилл для веб-тестирования: юнит, интеграция, E2E, нагрузка, безопасность, визуальные регрессии и доступность. Пригодится, когда нужно навести порядок в тестах проекта.
CX Codex +1
442установок
mantine-custom-components скилл Скилл учит ИИ-агента создавать компоненты для Mantine 9.x по официальным паттернам библиотеки. Пригодится при настройке Styles API, CSS-переменных и фабрик компонентов.
CX Codex +1
3 600установок
ecommerce-landing-page скилл Аудирует посадочные страницы интернет-магазинов и готовит план по росту конверсии: разбирает первый экран, призывы к действию, социальные доказательства и гипотезы для A/B-тестов.
CX Codex +1
1 300установок
vite-flare-starter скилл Скилл разворачивает полное приложение на Cloudflare Workers из шаблона vite-flare-starter: React, Hono, D1 с Drizzle, авторизация и Workers AI.
CX Codex +1
1 200установок
motion-background скилл Скилл учит агента создавать ненавязчивые анимированные фоны: лёгкие градиенты на CSS и частицы на холсте. Помогает оживить интерфейс без потери читаемости текста.
CX Codex +1
2 700установок
macos-patterns скилл Подсказывает нативные паттерны macOS при создании приложений: меню в строке меню, окна, фокус и системные API.
CX Codex +1
670установок
sentry-browser-sdk скилл Скилл проводит агента через полную настройку Sentry в браузерном JavaScript: проверяет проект на фреймворки, выбирает способ установки и подключает нужные функции.
CX Codex +1
2 900установок
msw-ui-system скилл Направляет агента при сборке интерфейсов для MapleStory Worlds: создаёт разметку .ui, настраивает компоненты и генерирует привязки для скриптов .mlua.
CX Codex +1
9 700установок
mantine-combobox скилл Помогает агенту собирать выпадающие списки, автокомплиты и мультиселекты на примитивах Combobox из Mantine 9.x.
CX Codex +1
3 500установок
horizontal-scroll-scenes скилл Скилл для сцен, которые едут слева направо, пока пользователь скроллит вниз. Одна чистая функция превращает scrollY в сцену, паузу и переход.
CX Codex +1
367установок
motion-effects скилл Собирает один из 16 моушн-эффектов в вашем бренде как зацикленный HTML-файл на 8 секунд, который покадрово выгружается в MP4 или GIF.
CX Codex +1
1 500установок
typegpu скилл Скилл для работы с TypeGPU в TypeScript: шейдеры, буферы, пайплайны и хуки @typegpu/react без ручной сверки типов.
CX Codex +1
1 600установок
mobile-responsiveness скилл Скилл помогает создавать адаптивные интерфейсы по принципу mobile-first, настраивать брейкпоинты, жесты смахивания и мобильное меню.
CX Codex +1
1 400установок
macos-settings-ui скилл Собирает окно настроек для нативного macOS-приложения на SwiftUI: сайдбар, панели с Form и стеклянная отделка окна в духе macOS 26.
CX Codex +1
650установок
graphql-operations скилл Скилл для написания GraphQL-операций: запросы, мутации, подписки и фрагменты по правилам проекта. Пригодится, когда агент сочиняет операции наугад.
CX Codex +1
3 600установок
tanstack-query скилл Скилл подсказывает агенту, как работать с TanStack Query v5: кэширование, инвалидация, мутации и оптимистичные обновления.
CX Codex +1
9 900установок
remotion-video скилл Скилл для сборки MP4, GIF и WebM прямо в React: каждый кадр — чистая функция от useCurrentFrame, поэтому рендер детерминированный и повторяемый.
CX Codex +1
2 600установок
design-audit скилл Проверяет код фронтенда на проблемы с анимацией, доступностью и дизайн-токенами. Находит визуальные штампы ИИ и ошибки вёрстки перед сдачей проекта.
CX Codex +1
1 000установок
threejs-r3f скилл Скилл по Three.js и React Three Fiber: правила сцен, хуков, постобработки и производительности. Пригодится, когда агент пишет 3D на React.
CX Codex +1
1 000установок
1 241–1 280 из 2 909
