NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
tanstack-devtools скилл Скилл учит агента подключать единую панель отладки TanStack в проектах на React. Помогает настроить плагины для Query, Router и рабочих процессов TanStack AI.
CX Codex +1
2 300установок
react-three-fiber-game
официальный скилл Помогает собирать 3D-игры и интерактивные сцены прямо в интерфейсе на React с помощью экосистемы pmndrs.
CX Codex GP ChatGPT
39установок
webgpu скилл Скилл помогает проектировать, отлаживать и оптимизировать WebGPU-приложения и WGSL-шейдеры. Пригодится для рендера, вычислений и GPU-симуляций.
CX Codex +1
842установок
design-mirror скилл Скилл снимает визуальные особенности сайта и переносит их в существующий код. Нужен, когда интерфейс должен повторять стиль страницы по URL.
CX Codex +1
340установок
rslib-best-practices скилл Скилл обучает агента правилам сборки библиотек на Rslib. Пригодится при настройке rslib.config.ts, разделении зависимостей и выводе деклараций.
CX Codex +1
1 000установок
sap-fiori-opa5-test-development скилл Помогает писать и отлаживать интеграционные OPA5-тесты для приложений SAP Fiori Elements на OData V4 и V2.
CX Codex +1
551установок
mapbox-maplibre-migration скилл Ведёт миграцию с MapLibre GL JS на Mapbox GL JS: замена пакета, импортов, стилей и токена. Пригодится, если упираетесь в свои тайлы или нужна официальная поддержка.
CX Codex +1
1 400установок
mapbox-google-maps-migration скилл Скилл для перевода проекта с Google Maps Platform на Mapbox GL JS: таблицы соответствий методов, событий и маркеров, порядок миграции.
CX Codex +1
1 400установок
maplibre-cartography скилл Скилл с картографическими правилами для MapLibre GL JS: подбирает цвета подписей и значков, порядок слоёв и контраст. Пригодится, когда карта стилизуется впервые или подписи теряются на снимках.
CX Codex +1
419установок
ui-refactor скилл Скилл обучает ассистента правилам интерфейсного дизайна: выстраивать иерархию, задавать сетки отступов и подбирать шрифтовые пары вместо случайных правок стилей.
CX Codex +1
494установок
vue-i18n-skilld скилл Скилл для работы с vue-i18n в Vue 3: подсказывает синтаксис сообщений, плюрализацию, форматы дат и чисел, миграцию на v12.
CX Codex +1
401установок
react-hook-form-zod скилл Скилл учит агента собирать формы на React Hook Form с валидацией через Zod. Одна схема работает и на клиенте, и на сервере.
CX Codex +1
722установок
cloudflare-pages скилл Разворачивает статические сайты и fullstack-приложения на Cloudflare Pages. Помогает настроить edge-функции и превью для веток.
CX Codex +1
331установок
react-testing-library скилл Скилл учит ИИ писать тесты React-компонентов глазами пользователя: через ARIA-роли, user-event и асинхронные проверки.
CX Codex +1
1 400установок
vue-skilld скилл Помогает писать компоненты и композаблы на Vue 3.6. Направляет агента при переходе на Vapor Mode, настройке SSR и обновлении кода с версий 3.4–3.5.
CX Codex +1
397установок
redux-toolkit скилл Набор правил по архитектуре Redux Toolkit для React и Next.js на TypeScript. Пригодится при настройке хранилища, типизации хуков и написании слайсов.
CX Codex +1
1 300установок
front-end-developer скилл Скилл превращает агента в старшего фронтенд-разработчика: React, Next.js, TypeScript, Tailwind, доступность. Пригодится, когда нужно писать компоненты, а не обсуждать их.
CX Codex +1
1 300установок
tauri-development скилл Скилл задаёт правила разработки десктопных программ на Tauri. Он настраивает связку Rust-бэкенда с фронтендом на TypeScript, React или Next.js.
CX Codex +1
1 300установок
nextjs-typescript-tailwindcss-supabase скилл Скилл задаёт агенту правила для Next.js 14, TypeScript, TailwindCSS и Supabase: серверные компоненты, обработка ошибок, читаемый код.
CX Codex +1
1 300установок
electron-development скилл Скилл задаёт агенту правила разработки десктопных приложений на Electron: разделение процессов, IPC, безопасность окон.
CX Codex +1
1 300установок
alpine-js скилл Набор правил для создания реактивных интерфейсов на Alpine.js. Помогает писать лёгкий клиентский код в связке с Tailwind CSS, Laravel Livewire и Ghost CMS.
CX Codex +1
1 300установок
mapkit скилл Справочник MapKit for SwiftUI для карт, маркеров, аннотаций и управления камерой. Пригодится при разработке интерфейсов с картами.
CX Codex +1
458установок
uikit скилл Справочник по UIKit для разработки под iOS и iPadOS. Помогает агенту находить сигнатуры контроллеров, вьюшек и жестов без выхода в сеть.
CX Codex +1
455установок
mobile-first-design скилл Скилл задаёт порядок работы над интерфейсом: сначала мобильный экран, потом планшет и десктоп. Пригодится, когда вёрстка разъезжается на телефонах.
CX Codex +1
857установок
figma-use
официальный скилл Скилл задаёт правила работы с Figma Plugin API через инструмент use_figma. Он пригодится, когда нужно менять содержимое файла или программно изучать его структуру.
CX Codex GP ChatGPT
36установок
webflow-code-component:component-audit скилл Проверяет код-компоненты Webflow на архитектурные решения: что вынесено в props, как устроено состояние, где нужны слоты и Shadow DOM.
CX Codex +1
1 000установок
webflow-cli:designer-extension скилл Скилл ведёт агента по всему циклу работы с Designer Extensions в Webflow: выбор шаблона, инициализация проекта, локальный сервер и сборка бандла.
CX Codex +1
1 000установок
webflow-cli:code-component скилл Скилл настраивает React-проект, проверяет сборку компонентов и публикует их в Webflow Designer через Webflow CLI. Пригодится фронтендерам, создающим библиотеки для дизайнеров.
CX Codex +1
1 000установок
webflow-cli:troubleshooter скилл Разбирает ошибки Webflow CLI: установку, авторизацию, сборку и бандл. Пригодится, когда команда падает, а причина непонятна.
CX Codex +1
1 000установок
pwa-expert скилл Помогает сделать веб-приложение устанавливаемым и работающим офлайн: манифест, Service Worker, стратегии кеширования, свой экран установки.
CX Codex +1
544установок
webflow-code-component:component-scaffold скилл Генерирует структуру кодового компонента Webflow с файлом React и схемой props. Помогает быстро начать разработку без ручной настройки манифеста.
CX Codex +1
997установок
webflow-cli:devlink скилл Выгружает компоненты Webflow Designer в код React и Next.js, синхронизирует правки дизайна и показывает, что изменилось после каждого sync.
CX Codex +1
998установок
webflow-code-component:convert-component скилл Превращает готовый React-компонент в Webflow Code Component: разбирает пропсы, строит файл .webflow.tsx и показывает, что придётся переписать.
CX Codex +1
995установок
21st-ai скилл Скилл для генерации и правки UI через CLI 21st: набросать варианты по промпту, посмотреть их в браузере и забрать код в проект.
CX Codex +1
2 000установок
21st-cli-use скилл Ищет, скачивает и ставит React- и shadcn-компоненты, темы и SVG-логотипы из каталога 21st.dev через утилиту 21st. Срабатывает при наличии components.json, избавляя от ручной вёрстки.
CX Codex +1
2 000установок
ui-design-review скилл Разбирает интерфейс по десяти дизайн-измерениям: типографика, цвет, отступы, иерархия, консистентность. Пригодится перед дизайн-QA или передачей макета в вёрстку.
CX Codex +1
1 100установок
appbuilder-e2e-testing скилл Скилл настраивает браузерные E2E-тесты на Playwright для приложений Adobe App Builder и расширений AEM. Пригодится для проверки SPA внутри ExC Shell и сборки сценариев в CI.
CX Codex +1
746установок
nielsen-usability-heuristics скилл Оценивает интерфейсы и текст ошибок по 10 эвристикам Нильсена. Скилл помогает выявить проблемы юзабилити прямо в коде компонентов до релиза.
CX Codex +1
976установок
performance-and-web-vitals скилл Скилл помогает находить и устранять проблемы с Core Web Vitals и аудитами Lighthouse. Он даёт правила для оптимизации LCP, CLS, INP, изображений, шрифтов и скриптов.
CX Codex +1
975установок
webflow-code-component:pre-deploy-check скилл Проверяет компоненты Webflow Code Components перед публикацией: размер бандла, зависимости, пропсы, SSR и стили. Пригодится, когда до webflow library share остался один шаг.
CX Codex +1
988установок
1 761–1 800 из 2 909
