NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
vinext-vite-nextjs скилл Помогает перевести проект с Next.js на Vite и подготовить сборку для Cloudflare Workers. Поддерживает Pages Router и App Router.
CX Codex +1
1 400установок
inspira-ui скилл Скилл помогает собирать Vue и Nuxt-интерфейсы из 120+ анимированных компонентов. Пригодится для hero-блоков, 3D-эффектов и интерактивных фонов.
CX Codex +1
553установок
zustand скилл Скилл с 43 правилами для Zustand в React: архитектура сторов, селекторы, лишние ре-рендеры. Пригодится, когда пишете или рефакторите стор.
CX Codex +1
446установок
nextjs-advanced-routing скилл Скилл для ИИ-агента, который разбирает продвинутый App Router в Next.js: серверные экшены, Route Handlers, параллельные и перехватывающие маршруты.
CX Codex +1
334установок
linear-ui-skills скилл Задаёт агенту жёсткие правила тёмного интерфейса: палитра, Inter, сетка 4px. Пригодится, когда верстаешь UI в стиле Linear и не хочешь каждый раз объяснять детали.
CX Codex +1
393установок
dribbble-ui-skills скилл Задаёт строгие правила дизайн-системы Dribbble для ИИ-агентов: сетку 4px, шрифт Inter, палитру токенов и ограничения на анимации. Пригодится при вёрстке интерфейсов в светлой теме.
CX Codex +1
392установок
upgrade-react-navigation скилл Скилл ведёт агента через переход React Navigation с 6.x на 7.x или с 7.x на 8.x: правит ломающие изменения и сохраняет поведение навигации.
CX Codex +1
502установок
testimonial-video скилл Превращает отзывы клиентов и цитаты в короткие вертикальные видеоролики на Remotion с анимированным рейтингом звёзд и строчной вёрсткой.
CX Codex +1
932установок
tailwindcss-advanced-design-systems скилл Скилл для сборки дизайн-системы на Tailwind v4: токены в @theme, цветовые шкалы, типографика, тени и тёмная тема.
CX Codex +1
655установок
airbnb-ui-skills скилл Набор правил для генерации светлых интерфейсов в эстетике Airbnb. Задаёт цветовую палитру, шрифт Inter, сетку 4px и ограничения на CSS-анимации.
CX Codex +1
389установок
inertia-rails-controllers скилл Подсказывает агенту, как правильно отдавать данные из Rails-контроллеров в Inertia.js: render inertia, типы пропсов, общие данные, flash и ошибки валидации.
CX Codex +1
491установок
inertia-rails-forms скилл Скилл для работы с формами Inertia.js + Rails: создание, редактирование, удаление, визарды и загрузка файлов. Пригодится, когда нужно связать форму с контроллером Rails.
CX Codex +1
486установок
accessibility-auditor скилл Скилл проводит аудит доступности веб-страниц по стандартам WCAG 2.1 AA. Он находит дефекты вёрстки, проверяет навигацию с клавиатуры и помогает исправить разметку.
CX Codex +1
322установок
notion-ui-skills скилл Скилл задаёт правила вёрстки в стиле Notion: сетку 4px и цветовую палитру с базовым фоном #F6F6F6.
CX Codex +1
383установок
build-chatgpt-app
официальный скилл Скилл помогает создавать, рефакторить и отлаживать приложения на ChatGPT Apps SDK с MCP-сервером и UI-виджетами. Пригодится при сборке расширений для ChatGPT в Codex.
CX Codex GP ChatGPT
16установок
node-link-and-diagram-layout
официальный скилл Скилл выбирает алгоритм раскладки для графов, схем и связанных узлов. Пригодится, когда нужно убрать пересечения, наложения и хаотичное размещение.
CX Codex GP ChatGPT
16установок
nextjs-client-cookie-pattern скилл Скилл показывает, как из клиентского компонента Next.js выставить серверную куку через server action. Пригодится для тем, авторизации и языковых настроек.
CX Codex +1
323установок
event-landing-page скилл Собирает публичную страницу конференции, митапа или хакатона: секции, кнопки по датам, доступность и разметку события.
CX Codex +1
5 300установок
ui-ux-expert скилл Скилл превращает Claude в проектировщика интерфейсов с упором на доступность по стандарту WCAG 2.2 и разработку через TDD. Пригодится при вёрстке компонентов.
CX Codex +1
828установок
create-remotion-geist скилл Скилл для создания роликов на Remotion в тёмной эстетике Geist: шрифты, палитра и пружинные анимации Vercel.
CX Codex +1
484установок
react-component-generator скилл Скилл для генерации React-компонентов на TypeScript: пропсы, хуки, доступность. Пригодится при создании новых UI-элементов и рефакторинге.
CX Codex +1
318установок
anycap-human-interaction скилл Скилл для сбора визуальных правок от человека и работы с интерактивной доской Excalidraw. Запускает разметку изображений, страниц и запись экрана с комментариями.
CX Codex +1
653установок
web-performance-audit скилл Скилл для аудита скорости страниц: снимает метрики Core Web Vitals, ищет узкие места и подсказывает, что чинить. Пригодится, когда LCP или CLS вылезают за норму.
CX Codex +1
526установок
ios-design скилл Скилл с 62 правилами вёрстки интерфейсов на SwiftUI: семантические цвета, типографика, состояния, навигация и доступность.
CX Codex +1
418установок
vite-react-best-practices скилл Сборник правил для разработки React SPA на Vite: настройка раздачи статики и управление кешированием ассетов.
CX Codex +1
634установок
performance-profiler скилл Скилл помогает находить узкие места в сети, рендеринге, памяти и вычислениях. Пригодится для разбора медленных приложений и утечек памяти.
CX Codex +1
311установок
inertia-rails-typescript скилл Скилл настраивает строгую типизацию TypeScript в Inertia Rails для React, Vue и Svelte. Помогает исправить ошибки TS2344 и TS2339.
CX Codex +1
468установок
vtex-io-storefront-react скилл Задаёт правила создания React-компонентов витрины VTEX IO: обязывает использовать vtex.css-handles, контекстные хуки и локализацию, защищая браузерный код от серверных зависимостей.
CX Codex +1
1 200установок
taiwan-md-knowledge-base скилл Скилл ведёт открытую базу знаний о Тайване на Astro v5: статьи на китайском и английском, граф связей на D3.js. Пригодится, если вы пишете или переводите материалы для такого проекта.
CX Codex +1
1 300установок
json-render-generative-ui скилл Скилл учит нейросеть собирать интерфейсы через json-render: модель выдаёт строгий JSON-манифест, а приложение отрисовывает его в React, Vue или PDF.
CX Codex +1
1 300установок
git-city-3d-github-visualization скилл Скилл для работы над Git City — проектом, где профиль GitHub превращается в здание в 3D-городе на Next.js и Three.js.
CX Codex +1
1 300установок
nextjs-use-search-params-suspense скилл Скилл объясняет, как правильно читать параметры URL в клиентских компонентах Next.js: директива 'use client' плюс обёртка Suspense.
CX Codex +1
311установок
framework-to-capacitor скилл Настраивает статическую сборку Next.js, Nuxt, Angular, SvelteKit или Vite так, чтобы Capacitor упаковал её в приложение для iOS и Android.
CX Codex +1
870установок
feature-arch скилл Разбирает React-проект по фичам и выдаёт blueprint целевой архитектуры с деревом каталогов, публичными API и планом миграции.
CX Codex +1
412установок
event-accessibility-inclusion скилл Помогает определить, какие условия доступности заложить в техническое мероприятие, как их описать публично и кто за них отвечает. Пригодится при планировании конференции или ответа на запрос участника.
CX Codex +1
4 800установок
expo-react-native-coder скилл Скилл с 50 правилами и шаблонами кода для разработки мобильных приложений на Expo и React Native. Пригодится при сборке экранов, навигации и авторизации.
CX Codex +1
409установок
frontend-js-best-practices скилл Задаёт 17 правил оптимизации и стиля для JavaScript и TypeScript. Помогает писать быстрые циклы, избегать лишних аллокаций и убирать мутации массивов при рефакторинге.
CX Codex +1
333установок
shadcn-component-review скилл Проверяет готовые компоненты и раскладки на соответствие паттернам shadcn: отступы, семантические токены, состав примитивов и правила выбранного визуального стиля.
CX Codex +1
635установок
threejs-data-visualization
официальный скилл Помогает агенту выбрать рендерер и собрать 3D или GPU-визуализацию, когда обычных SVG и Canvas2D уже не хватает.
CX Codex GP ChatGPT
15установок
bubbletea скилл Помогает проектировать консольные интерфейсы на Go с помощью Bubbletea и Lipgloss. Пригодится для сборки панелей, списков и отладки искажений разметки.
CX Codex +1
496установок
2 161–2 200 из 2 909
