NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
data-display-and-selection скилл Помогает агенту проектировать таблицы, списки и сетки: режимы просмотра, массовые действия, сортировка, поиск и выбор строк.
CX Codex +1
855установок
notifications-and-recovery скилл Скилл для проектирования уведомлений и состояний ошибок: тосты, инлайн-ошибки, баннеры и пути восстановления. Пригодится, когда нужно продумать фидбек после действия.
CX Codex +1
854установок
provider-pattern скилл Учит агента выносить общие данные в React Context и раздавать их через Provider, когда пропсы приходится тянуть через десяток компонентов.
CX Codex +1
620установок
webflow-mcp:custom-code-management скилл Управляет встроенным JavaScript на сайте Webflow через MCP. Позволяет добавлять и удалять скрипты аналитики или чат-виджетов на уровне сайта или отдельных страниц.
CX Codex +1
858установок
tui-design скилл Скилл для проектирования TUI: раскладка панелей, цвета, навигация с клавиатуры и асинхронные состояния. Пригодится, если вы пишете терминальный дашборд или пикер.
CX Codex +1
1 300установок
tanstack-store скилл Скилл по TanStack Store: реактивный стор без привязки к фреймворку, адаптеры для React, Vue, Solid, Angular и Svelte. Пригодится, когда агент пишет состояние на @tanstack/store.
CX Codex +1
1 800установок
mixin-pattern скилл Обучает агента паттерну примесей в JavaScript и TypeScript для добавления общего поведения классам без наследования через прототипы.
CX Codex +1
616установок
scroll-areas скилл Скилл учит агента избегать лишней вложенной прокрутки в вёрстке и ограничивать скролл одной осью там, где контейнер действительно нужен.
CX Codex +1
843установок
rails-hotwire скилл Скилл для работы с Hotwire в Rails: Turbo Frames, Turbo Streams, трансляции и контроллеры Stimulus. Пригодится, когда нужно оживить страницы без тяжёлого JS.
CX Codex +1
348установок
ui-context-and-scope скилл Скилл задаёт правила ориентации пользователя в сложных интерфейсах: хлебные крошки, границы секций и баннеры имперсонации. Помогает проектировать глубокую навигацию.
CX Codex +1
842установок
iphone-duo-dual-pane-patterns скилл Помогает проектировать двухэкранный интерфейс для iPhone Duo, вычислять размеры панелей и связывать колбэки шарнира. Пригодится при вёрстке экранов под складные устройства.
CX Codex +1
393установок
prototype-pattern скилл Обучает ИИ-агента паттерну Prototype для JavaScript и TypeScript. Помогает экономить память через цепочку прототипов и общие методы объектов.
CX Codex +1
614установок
proxy-pattern скилл Скилл объясняет паттерн Proxy в JavaScript: перехват чтения и записи свойств объекта, валидация и логирование. Пригодится, когда агенту нужно править такой код.
CX Codex +1
612установок
real-world-metaphors скилл Помогает выбрать между карточкой, каруселью, drawer и аккордеоном, когда проектируешь компоненты и навигацию.
CX Codex +1
841установок
21st-design-sync скилл Собирает переменные темы shadcn и Tailwind из CSS-файлов проекта и выгружает их как публичную тему в каталог 21st.dev через CLI.
CX Codex +1
1 700установок
global-toolbar-controls скилл Скилл задаёт правила вёрстки переключателей валюты, языка и единиц измерения. Помогает аккуратно разместить глобальные настройки в шапке или подвале, не перегружая навигацию.
CX Codex +1
834установок
webflow-mcp:designer-tools скилл Скилл помогает создавать и редактировать страницы, элементы и компоненты Webflow. Подходит для работы с макетом через MCP, в том числе без открытого Designer.
CX Codex +1
841установок
webflow-mcp:cms-collection-setup скилл Создаёт CMS-коллекции в Webflow с полями, связями и проверкой лимитов тарифа. Проходит семь фаз: выбор сайта, сбор требований, валидация схемы, подтверждение, создание коллекции, добавление полей, итоговый отчёт.
CX Codex +1
841установок
flutter-development скилл Скилл для разработки мобильных приложений на Flutter и Dart: виджеты, состояние через Provider или BLoC, навигация, интеграция с API.
CX Codex +1
719установок
xstate-v5 скилл Помогает проектировать, писать и чинить машины состояний и стейтчарты на XState v5 в TypeScript. Пригодится, когда логика экрана или процесса перестала помещаться в пару булевых флагов.
CX Codex +1
494установок
visual-regression-testing скилл Ловит случайные визуальные изменения интерфейса: снимает скриншоты компонентов и страниц и сравнивает их между версиями.
CX Codex +1
718установок
figma-design-to-code
официальный скилл Помогает перенести выбранный узел Figma в код проекта с учётом его стека и компонентов. Нужен перед вызовом get_design_context.
CX Codex GP ChatGPT
30установок
typescript-refactor скилл Скилл с 47 правилами по рефакторингу TypeScript и React/TSX: типы, сужение, дженерики, современные фичи TS 6.0 и React 19.
CX Codex +1
788установок
framer-motion скилл Скилл помогает ИИ применять 12 классических принципов анимации Диснея во Framer Motion для React. Пригодится при настройке плавных UI-переходов и жестов.
CX Codex +1
1 700установок
Next.js Security Scan скилл Скилл ищет дыры в Next.js и TypeScript/JavaScript проектах: XSS, инъекции, утечки секретов, проблемы авторизации. Пригодится перед деплоем.
CX Codex +1
553установок
react-refactor скилл Скилл с 40 правилами архитектурного рефакторинга React-проектов. Помогает декомпозировать крупные компоненты, выносить хуки и наводить порядок в модулях.
CX Codex +1
776установок
dembrandt скилл Прогоняет задачу по интерфейсу через шесть этапов: бренд, токены, вёрстка, компоненты, полировка и доступность. Пригодится для дизайн-ревью или сборки UI с нуля.
CX Codex +1
822установок
premium-frontend-design скилл Скилл задаёт правила вёрстки нестандартных интерфейсов и лендингов. Он помогает агенту собирать анимации и 3D-сцены без однотипного ИИ-дизайна.
CX Codex +1
1 400установок
font-pairing-suggester скилл Скилл предлагает сочетания шрифтов под задачу и показывает иерархию заголовков с текстом. Пригодится, когда нужен шрифт вместо платного.
CX Codex +1
578установок
webflow-mcp:flowkit-naming скилл Приводит имена CSS-классов в Webflow к системе Flowkit: аудит существующих, генерация новых и применение через MCP-инструменты.
CX Codex +1
824установок
ionic-design скилл Проверяет и создаёт интерфейсы на Ionic Framework для приложений на Capacitor. Помогает настраивать темы, режимы iOS и MD, а также обновлять компоненты с Ionic 8 до Ionic 9.
CX Codex +1
1 600установок
dashboards-and-real-time-visualization
официальный скилл Проектирует дашборды и системы живой визуализации данных. Помогает продумать стриминг, частоту обновлений, поведение при сбоях связи и нагрузку на рендер.
CX Codex GP ChatGPT
29установок
pinia-skilld скилл Скилл для ИИ-агентов, который подсказывает верные API Pinia 4.x: хранилища, геттеры, действия, SSR и миграцию с v2 и v3.
CX Codex +1
313установок
frontend-designer скилл Скилл для сборки доступных и адаптивных компонентов интерфейса: дизайн-токены, современный CSS, паттерны React, Vue и Svelte.
CX Codex +1
335установок
tanstack-cli скилл Скилл проводит агента через создание проекта TanStack Start: подбирает интеграции, генерирует структуру и подсказывает по деплою.
CX Codex +1
1 700установок
web-design-expert скилл Проектирует веб-интерфейсы, айдентику бренда и палитры в формате OKLCH. Помогает продумать визуальную иерархию и сетку сайта до передачи макетов в вёрстку.
CX Codex +1
439установок
e2e-testing-automation скилл Скилл помогает писать end-to-end тесты: браузерные сценарии, проверка пользовательских путей и связки фронтенда с бэкендом.
CX Codex +1
689установок
tailwind-v4 скилл Скилл для ИИ-агента, который подсказывает, как настроить Tailwind CSS v4: тема в CSS, токены дизайна, цвета OKLCH и тёмная тема.
CX Codex +1
812установок
workos-widgets скилл Помогает встроить виджеты WorkOS — управление пользователями, профиль, SSO и проверку домена — и связать фронтенд с выдачей токенов на бэкенде.
CX Codex +1
857установок
react-component-architecture скилл Скилл задаёт агенту правила проектирования React-компонентов: функциональные компоненты, хуки, композиция и TypeScript. Пригодится, когда растёт библиотека переиспользуемых компонентов.
CX Codex +1
674установок
1 881–1 920 из 2 909
