NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
recording-browser-flow-as-test скилл Записывает действия в браузере через MCP и превращает их в E2E-тест Playwright с надёжными селекторами accessibility tree.
CX Codex +1
406установок
three-webgl-game
официальный скилл Помогает создавать браузерные 3D-игры на чистом Three.js, TypeScript и Vite с физикой Rapier и управлением игровым циклом без React.
CX Codex GP ChatGPT
48установок
create-component скилл Генерирует компоненты AEM с диалогами, HTL, Sling Models и тестами по стандартам Adobe. Умеет наследовать Core Components и переносить макеты из Figma.
CX Codex +1
1 000установок
isometric-animation скилл Скилл для изометрических и 2.5D-анимаций: стопки слоёв, выдавленные блоки, взрывные схемы и лёгкий дрейф камеры. Собирается в один HTML-файл без сборки.
CX Codex +1
1 400установок
whiteboard-animation скилл Скилл учит ИИ анимировать векторные рисунки и рукописный текст в стиле VideoScribe с рукой, держащей маркер. Помогает собирать скрайбинг-видео под закадровый голос.
CX Codex +1
1 400установок
diagram-animation скилл Скилл для ИИ-кодинга, который превращает статичную диаграмму или график в пошаговое появление: узлы, связи, подписи, растущие столбцы.
CX Codex +1
1 500установок
godot-ui скилл Скилл даёт агенту знания о Control-нодах, темах и типовых экранах Godot. Пригодится, когда собираешь меню, HUD или инвентарь.
CX Codex +1
2 700установок
screenshotting-changelog скилл Делает визуальный changelog для пул-реквеста: снимает страницы до и после правок и вставляет пары картинок в описание PR.
CX Codex +1
401установок
react-server-components скилл Скилл объясняет React Server Components: какие компоненты рендерить на сервере и где ставить 'use client'. Пригодится в Next.js App Router.
CX Codex +1
954установок
ui-design скилл Заставляет агента сначала выдать дизайн-спецификацию — палитру, шрифты, сетку — и только потом писать код интерфейса.
CX Codex +1
1 800установок
web-development скилл Скилл для реализации, отладки и сборки веб-фронтенда, когда направление продукта уже определено. React, Vue, Vite, маршрутизация, проверка в браузере.
CX Codex +1
1 800установок
progressive-hydration скилл Скилл объясняет агенту, как разбить гидратацию серверного React-приложения на части и отложить JavaScript для неважных блоков.
CX Codex +1
952установок
updating-npm-package скилл Инструмент помогает обновлять npm-пакеты без скрытых поломок в коде. Он сверяет версии через npmjs.com и строит отчёт о миграции при мажорных релизах.
CX Codex +1
398установок
react-native-patterns скилл Скилл направляет агента при разработке мобильных приложений на React Native и Expo: от навигации до различий между iOS и Android.
CX Codex +1
399установок
use-user-controlled-wallets скилл Скилл для сборки некастодиальных кошельков на SDK Circle: вход через Google, Apple, Facebook, email OTP или PIN, ключи остаются у пользователя.
CX Codex +1
949установок
react-selective-hydration скилл Скилл учит агента настраивать выборочную гидратацию и потоковый SSR в React 18+. Пригодится, когда тяжёлые компоненты с запросами данных тормозят интерактивность страницы.
CX Codex +1
943установок
nitro-fetch скилл Скилл для ИИ-ассистентов, который подсказывает реальные API react-native-nitro-fetch вместо выдуманных: fetch, WebSocket, TextDecoder, префетчинг.
CX Codex +1
616установок
md-document скилл Превращает длинный markdown — спецификации, RFC, отчёты, планы — в один HTML-файл с оглавлением, поиском и кнопками копирования кода.
49установок
frontend-design-review скилл Скилл проверяет и создаёт интерфейсы с учётом дизайна, доступности и дизайн-системы. Подходит для ревью UI, PR и адаптивной вёрстки.
237установок
server-side-rendering скилл Скилл объясняет серверный рендеринг в React и подсказывает, когда он оправдан, а когда хватит статики или клиентского рендеринга.
CX Codex +1
942установок
particle-system скилл Скилл для ИИ-кодинга, который помогает агенту собрать систему частиц: конфетти, снег, дым, искры, сетку из точек и GPU-частицы на Three.js Points.
CX Codex +1
1 400установок
threejs-animation скилл Скилл для ИИ-кодинга, который помогает писать анимацию Three.js и React Three Fiber: сцены, GLTF-клипы, камера по скроллу, инстансинг.
CX Codex +1
1 400установок
aceternity-ui скилл Скилл подключает к агенту библиотеку Aceternity UI: больше 100 анимированных компонентов React для Next.js с Tailwind. Пригодится, когда нужен hero-блок, параллакс или 3D-эффект.
CX Codex +1
1 500установок
converting-css-modules-to-tailwind скилл Переводит компонент с CSS Modules на утилитарные классы Tailwind: разбирает styles.xxx, чистит импорты и удаляет файл модуля.
CX Codex +1
392установок
responsive-web-design скилл Скилл для ИИ-агента, который помогает писать адаптивные интерфейсы на Flexbox, CSS Grid и медиазапросах. Пригодится, когда вёрстка должна работать на телефоне и десктопе.
CX Codex +1
1 100установок
hyva-theme-list скилл Скилл обходит проект Magento 2 и выдаёт пути всех тем Hyvä. Нужен, когда агент должен понять, с какой темой он работает.
CX Codex +1
1 300установок
hyva-playwright-test скилл Помогает писать e2e-тесты Playwright под витрины Hyvä на Magento с Alpine.js. Решает частые сбои строгого режима локаторов из-за скрытых в DOM элементов.
CX Codex +1
1 300установок
hyva-ui-component скилл Скилл переносит шаблонные UI-компоненты Hyvä в выбранную тему. Он помогает выбрать компонент, вариант, зависимости и файлы для копирования.
CX Codex +1
1 300установок
hyva-render-media-image скилл Генерирует код адаптивных <picture> для шаблонов Hyvä Theme через view model Media. Пригодится, когда нужны разные изображения под мобильные и десктоп.
CX Codex +1
1 300установок
hyva-compile-tailwind-css скилл Автоматизирует сборку Tailwind CSS для тем Hyvä в Magento 2. Запускает продакшен-билд или режим отслеживания изменений, когда новые стили не отображаются на витрине.
CX Codex +1
1 300установок
hyva-child-theme скилл Создаёт дочернюю тему Hyvä в проекте Magento 2, готовит структуру и сборку Tailwind CSS. Пригодится для старта кастомной темы.
CX Codex +1
1 300установок
hyva-alpine-component скилл Помогает писать компоненты Alpine.js для тем Hyvä в Magento 2 так, чтобы они работали при строгой политике Content Security Policy.
CX Codex +1
1 300установок
mapbox-store-locator-patterns скилл Паттерны для поиска заведений на карте через Mapbox GL JS. Скилл учит агента выводить маркеры через WebGL, фильтровать точки и считать расстояния с @turf/turf.
CX Codex +1
1 700установок
nextjs скилл Скилл помогает писать и проверять приложения на Next.js 16 App Router: кэширование, серверные компоненты, маршруты и чистоту кодовой базы.
CX Codex +1
1 200установок
electron-dev скилл Скилл для сборки десктопных приложений на Electron с React, TypeScript и Vite: IPC, трей, PTY-терминалы, упаковка.
CX Codex +1
305установок
storybook-stories скилл Пишет и правит Storybook-сторис, опираясь на конвенции вашего репозитория. Полезен, когда сторис много, а правила именования и декораторов нигде толком не записаны.
CX Codex +1
305установок
analytics-metrics скилл Скилл собирает дашборды и графики на Recharts: линейные, столбчатые, круговые диаграммы и карточки KPI. Пригодится, когда нужен экран с метриками, а не голая таблица.
CX Codex +1
380установок
incremental-static-rendering скилл Скилл учит агента настраивать Incremental Static Regeneration в Next.js. Он помогает обновлять статичные страницы без полной пересборки сайта.
CX Codex +1
918установок
cross-browser-testing скилл Скилл помогает выбрать, какие браузеры тестировать, настроить их в Playwright и вести журнал известных расхождений между движками.
CX Codex +1
1 100установок
accessibility-testing скилл Скилл для проверки доступности: гоняет axe-core через Playwright, аудит клавиатуры и экранных дикторов, разбор ARIA.
CX Codex +1
1 100установок
1 681–1 720 из 2 909
