NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
bun-tanstack-start скилл Скилл подсказывает агенту, как поднять full-stack приложение на TanStack Start с рантаймом Bun: роутинг, серверные функции, сборка.
CX Codex +1
414установок
nuxt-production скилл Скилл помогает оптимизировать проекты на Nuxt 4 для продакшена: настраивает гидратацию, тесты Vitest и деплой на серверлесс-платформы.
CX Codex +1
412установок
react-flow-implementation скилл Направляет агента при создании диаграмм и визуальных редакторов на базе @xyflow/react. Помогает избежать типичных ошибок с рендером узлов и связей.
CX Codex +1
362установок
orval скилл Набор из 42 правил для генерации типизированных клиентов TypeScript из OpenAPI через Orval. Помогает настроить конфигурацию, хуки запросов и моки MSW.
CX Codex +1
331установок
morphing-icons скилл Скилл помогает создавать компоненты иконок, плавно перетекающих друг в друга за счёт трансформации трёх SVG-линий вместо обычного crossfade.
CX Codex +1
362установок
nuxt-ui-v4 скилл Скилл для сборки интерфейсов на Nuxt UI v4: 125+ компонентов, Tailwind v4, тёмная тема. Пригодится, когда агент пишет дашборд, форму или чат на Nuxt.
CX Codex +1
410установок
mui-base скилл Скилл с 48 правилами для сборки headless-библиотек React-компонентов по стилю MUI Base UI. Пригодится, когда логика и стили живут отдельно.
CX Codex +1
328установок
css-native скилл Скилл помогает агенту писать анимации на чистом CSS: @keyframes, transition, transform. Пригодится, когда нужны движения интерфейса без JS-библиотек.
CX Codex +1
716установок
ink скилл Скилл для сборки чат-интерфейсов прямо в терминале: связывает рантайм assistant-ui с рендерером Ink и выводит ответы как ANSI-разметку.
CX Codex +1
923установок
migrate-to-rsbuild скилл Скилл переводит фронтенд-проекты с webpack, Vite, Create React App и Vue CLI на сборщик Rsbuild. Он пошагово заменяет конфигурацию и проверяет запуск перед удалением старых пакетов.
CX Codex +1
326установок
saas-productivity скилл Задаёт принципы анимации для рабочих интерфейсов: задач, форм, панелей и уведомлений. Нужен при проектировании движения без лишних отвлечений.
CX Codex +1
709установок
nuxt-server скилл Скилл для серверной разработки на Nuxt 4 с Nitro: API-роуты, middleware, базы данных и WebSocket. Пригодится, когда бэкенд живёт внутри Nuxt-проекта.
CX Codex +1
401установок
bun-bundler скилл Скилл обучает агента собирать проекты на JavaScript и TypeScript через Bun. Пригодится при настройке CLI-сборки или переходе на API Bun.build.
CX Codex +1
400установок
turborepo скилл Направляет агента при настройке монорепозитория на Turborepo. Помогает составить пайплайны задач, настроить кеширование и избежать частых архитектурных ошибок.
CX Codex +1
400установок
shadcn-ui скилл Подсказывает агенту, как собирать компоненты на shadcn/ui: Radix, Tailwind, CVA-варианты и data-slot.
CX Codex +1
351установок
mobile-offline-support скилл Скилл для офлайн-первого подхода в мобильных приложениях: локальное хранилище, очередь синхронизации, разрешение конфликтов.
CX Codex +1
398установок
vitest скилл Скилл помогает настроить Vitest в TypeScript-проектах, написать тесты для компонентов и настроить моки модулей или таймеров.
CX Codex +1
931установок
ionic-app-upgrades скилл Ведёт агента через мажорный апгрейд Ionic: пошаговые миграции для Angular, React и Vue, ломающие изменения компонентов и CSS-переменных.
CX Codex +1
834установок
ui-design-patterns скилл Справочник по типовым паттернам интерфейса: навигация, формы, вывод данных, обратная связь и доступность. Пригодится, когда проектируешь компоненты или разбираешь чужой UI.
CX Codex +1
853установок
react-native скилл Скилл для сборки чат-интерфейсов assistant-ui в Expo и чистом React Native: нативные примитивы, рантайм AI SDK и транспорт к бэкенду.
CX Codex +1
909установок
tailwindcss-responsive-darkmode скилл Скилл по Tailwind CSS: адаптивная вёрстка, тёмная тема, переключение на лету и защита от вспышки нестилизованного контента.
CX Codex +1
476установок
bun-react-ssr скилл Скилл для сборки серверного React на Bun: renderToString, стриминг, гидратация и свой роутер без фреймворка.
CX Codex +1
395установок
vitest скилл Настраивает, запускает и отлаживает тесты Vitest в проектах на JavaScript и TypeScript. Помогает проверить моки и окружение без ручного чтения документации.
CX Codex +1
2 600установок
webapp-to-capacitor скилл Планирует и выполняет превращение веб-приложения, PWA или SPA в приложение под iOS и Android на Capacitor, которое проходит ревью магазинов.
CX Codex +1
665установок
ui5-typescript-conversion скилл Скилл ведёт проект SAPUI5 или OpenUI5 через перевод на TypeScript: настройка сборки, типы, сам код. Пригодится, когда JS-проект пора типизировать.
CX Codex +1
910установок
ux-principles скилл Подключает к агенту эвристики юзабилити, методы юзер-ресёрча и проверки доступности, чтобы интерфейсы проектировались по правилам, а не на глаз.
CX Codex +1
836установок
data-visualizer скилл Скилл помогает ИИ-агенту генерировать графики и строить интерактивные дашборды. Пригодится, когда нужно визуализировать метрики в React, Vue или Angular.
CX Codex +1
572установок
instrument-product-analytics скилл Добавляет в код вызовы PostHog, чтобы отслеживать действия пользователей. Пригодится после новой фичи или разбора пул-реквеста.
CX Codex +1
666установок
nuxt-core скилл Скилл для ИИ-агента: подсказывает, как устроен Nuxt 4 — структура каталогов, конфиг, роутинг, SEO и обработка ошибок.
CX Codex +1
390установок
legend-list-best-practices скилл Скилл для работы с виртуализированным списком @legendapp/list: помогает внедрить его по контрактам библиотеки или провести аудит существующего кода.
CX Codex +1
546установок
tauri-app-planning скилл Скилл ведёт от расплывчатого ТЗ к плану реализации приложения на Tauri 2.0: разбирает требования, подбирает плагины и рисует архитектуру.
CX Codex +1
484установок
nuxt-data скилл Скилл для работы с данными в Nuxt 4: композаблы, useFetch и useAsyncData, состояние через useState и Pinia.
CX Codex +1
388установок
daisyui скилл Добавляет агенту знание библиотеки daisyUI: семантические классы для 50+ компонентов Tailwind CSS, готовые темы и разметку кнопок, карточек и модалок.
CX Codex +1
903установок
app-shell скилл Набор правил для проектирования шапки, переключателя сервисов, сайдбара и строки статуса. Помогает навести порядок в навигации мультисервисных систем.
CX Codex +1
328установок
bun-nuxt скилл Скилл объясняет агенту, как поднять Nuxt 3 на Bun: скрипты, пресет Nitro, серверные маршруты и деплой. Пригодится, если проект уже на Nuxt и вы хотите уйти с Node.
CX Codex +1
387установок
don-norman-principles-audit скилл Проверяет интерфейс по семи принципам Дона Нормана из «Дизайна привычных вещей» и выдаёт отчёт с рекомендациями.
CX Codex +1
366установок
tailwind-refactor скилл Скилл для рефакторинга классов Tailwind CSS: миграция с v3 на v4, замена устаревших утилит и чистка кода без изменения внешнего вида.
CX Codex +1
308установок
ionic-app-creation скилл Скилл создаёт новый Ionic-проект через Ionic CLI и помогает выбрать фреймворк, шаблон, Capacitor и Tailwind CSS.
CX Codex +1
801установок
ag-update скилл Проведёт агента по шагам миграции зависимостей AG Grid, AG Charts и AG Studio и соберёт план изменений в отдельные файлы.
CX Codex +1
1 400установок
shadcn-layouts скилл Помогает агенту собрать раскладку на shadcn и Tailwind так, чтобы она заработала с первого раза, и разобраться с высотой, скроллом и flex/grid.
CX Codex +1
457установок
2 281–2 320 из 2 909
