NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
video-production скилл Структурирует конвейер автоматической генерации видео и готовит план рендеринга через Remotion или облачные API.
CX Codex +1
503установок
i18n-frontend-implementer скилл Скилл добавляет i18n-инфраструктуру во фронтенд: переводы, форматирование дат и валют, множественные формы и переключение языка.
CX Codex +1
359установок
accessibility-auditor скилл Скилл проверяет вёрстку на доступность и правит её: семантика, ARIA, клавиатура, контраст. Пригодится перед релизом формы или модалки.
CX Codex +1
355установок
wordpress-block-editor-fse скилл Настраивает правила разработки блочных тем WordPress 6.7+ и FSE. Помогает собирать шаблоны в HTML, настраивать theme.json v3 и писать кастомные блоки с render.php.
CX Codex +1
461установок
rattles-terminal-spinners скилл Скилл для работы с rattles — минимальной Rust-библиотекой терминальных спиннеров. Пригодится, когда в CLI нужен индикатор загрузки без лишних зависимостей.
CX Codex +1
497установок
web-performance-optimization скилл Скилл для оптимизации веб-производительности: разбирает Core Web Vitals, современные паттерны и техники под конкретный фреймворк. Пригодится, когда Lighthouse проседает, а страница грузится долго.
CX Codex +1
457установок
progressive-blur-header-swiftui скилл Скилл добавляет в SwiftUI липкий заголовок с постепенным размытием. Нужен для интерфейсов в стиле Apple Music, Photos и App Store.
CX Codex +1
493установок
design-system скилл Задаёт общие правила интерфейса, дизайн-токены и архитектуру компонентов до вёрстки отдельных экранов. Помогает связать лендинги и дашборды в единую систему.
CX Codex +1
488установок
bouncer-feed-filter скилл Помогает настроить и собрать расширение Bouncer, которое фильтрует ленту Twitter/X по текстовым правилам через WebGPU или облачные LLM.
CX Codex +1
483установок
responsive-design скилл Скилл разбирает жалобу «на мобильном всё ломается» на конкретную причину и выдаёт один план правок с проверкой.
CX Codex +1
478установок
responsive-design-system скилл Скилл для ИИ-агента, который помогает строить мобильную вёрстку: брейкпоинты, container queries, текучая типографика и адаптивные сетки на Tailwind CSS.
CX Codex +1
343установок
podcast-generation скилл Генерирует озвучку текстов в формате подкаста через модель Azure OpenAI GPT Realtime Mini по WebSocket. Помогает настроить стриминг аудио от FastAPI до React.
29установок
sumsub-integrate-websdk скилл Проводит через всю интеграцию Sumsub KYC в веб-проект: от уровня проверки до вебхука, который открывает пользователю доступ.
CX Codex +1
1 200установок
sveltekit скилл Скилл подсказывает агенту, как устроен SvelteKit: файловый роутинг, load-функции, form actions и адаптеры для деплоя.
CX Codex +1
441установок
html-ppt-skill скилл Генерирует статические HTML-презентации без сборщиков и фреймворков. Пригодится, когда нужно быстро собрать анимированный слайд-дек в браузере.
CX Codex +1
476установок
v0-dev
официальный скилл Помогает генерировать интерфейсы на React через v0, подключать готовые компоненты в Next.js и автоматизировать деплой через v0 SDK.
CX Codex GP ChatGPT
5установок
turbopack
официальный скилл Скилл помогает настроить сборщик Turbopack в Next.js 16, перенести правила с Webpack и решить ошибки сборки.
CX Codex GP ChatGPT
5установок
geistdocs
официальный скилл Помогает настраивать шаблоны документации Geistdocs на Next.js 16 и Fumadocs. Пригодится при оформлении MDX-страниц, переводе контента и подключении ИИ-чата.
CX Codex GP ChatGPT
5установок
index
официальный скилл Скилл направляет запросы по продуктовому дизайну к подходящему рабочему процессу. Он пригодится, когда нужно исследовать идею, проверить интерфейс или собрать прототип по образцу.
CX Codex GP ChatGPT
5установок
openai-ads-conversions-setup
официальный скилл Скилл помогает настроить трекинг OpenAI Ads через браузерный Pixel и серверный Conversions API (CAPI). Пригодится для интеграции событий покупок, лидов и дедупликации данных.
CX Codex GP ChatGPT
5установок
web-perf
официальный скилл Скилл запускает аудит производительности страницы через Chrome DevTools MCP. Он измеряет Core Web Vitals и находит блокирующие рендеринг ресурсы.
CX Codex GP ChatGPT
5установок
isolet-widget-isolation скилл Скилл помогает упаковать компонент в самодостаточный виджет с shadow DOM и собственными стилями, чтобы встроить его на любую страницу.
CX Codex +1
474установок
frontend-design скилл Набор жёстких правил для ИИ-агентов, запрещающий шаблонные серые интерфейсы, сетки карточек и сайдбары при вёрстке на Tailwind и shadcn/ui.
CX Codex +1
1 600установок
wordpress-theme-to-emdash скилл Переносит дизайн и поведение шаблонов темы WordPress на сайт Astro с бэкендом EmDash. Пригодится при миграции темы и сопоставлении вёрстки.
CX Codex +1
691установок
suppressing-noisy-errors скилл Помогает настроить правила подавления мусорных ошибок в PostHog, отсекая сбои расширений и ботов ещё на этапе приёма данных.
CX Codex +1
314установок
visual-regression-tester скилл Скилл настраивает визуальное регрессионное тестирование: снимает скриншоты, сравнивает их с базовыми и ловит случайные изменения интерфейса.
CX Codex +1
330установок
wordpress-plugin-to-emdash скилл Помогает разобрать плагин WordPress и решить, что из него переносить в EmDash: схему сайта, код Astro или отдельный плагин.
CX Codex +1
688установок
form-wizard-builder скилл Скилл собирает многошаговые формы: схемы валидации, шаги, общее состояние, индикатор прогресса и шаг проверки перед отправкой.
CX Codex +1
328установок
webphysics-avbd-engine скилл Скилл помогает подключить WebGPU-движок физики к проекту и настроить тела, столкновения, связи и мягкие тела.
CX Codex +1
460установок
ionic-framework-mcp скилл Настраивает подключение к бесплатному MCP-серверу Ionic Framework с документацией по v8 и v9, примерами для Angular, React и Vue.
CX Codex +1
426установок
rbac-permissions-builder скилл Проектирует ролевую модель доступа на TypeScript: от матрицы прав и Express middleware до классов политик и проверок в интерфейсе. Пригодится при настройке авторизации в API.
CX Codex +1
320установок
storybook-setup скилл Настраивает Storybook для документации компонентов, интерактивных контролов, accessibility-проверок и визуальной регрессии.
CX Codex +1
319установок
astro-best-practices скилл Инструкции для ИИ-агентов по разработке на Astro: расстановка директив гидратации, работа со схемами контента и чеклист доступности интерфейса.
CX Codex +1
521установок
acgti-anime-persona-quiz скилл Скилл помогает развивать ACGTI — клиентский аниме-квиз на Vue 3 и TypeScript с расчётом MBTI-типа и подбором персонажа.
CX Codex +1
440установок
palantir-for-family-trips скилл Помогает развернуть и настроить командный центр для совместной поездки нескольких семей. Включает интерактивную карту, таймлайн и списки дел.
CX Codex +1
437установок
wterm-web-terminal скилл Инструкция для ИИ-агента по встраиванию веб-терминала wterm с ядром на Zig и WebAssembly в проекты на React, Next.js или чистом JavaScript.
CX Codex +1
435установок
diagram-design-editorial скилл Скилл собирает диаграммы в HTML и SVG для статей и документации: 13 типов, без Mermaid и сборки, стиль подгоняется под ваш сайт.
CX Codex +1
433установок
core-web-vitals-tuner скилл Скилл помогает улучшить показатели LCP, INP и CLS с помощью структурированных правок в коде. Они ускоряют рендеринг и отклик страниц.
CX Codex +1
308установок
tailwind-gradient-builder скилл Помогает генерировать линейные, радиальные, конические и mesh-градиенты на Tailwind CSS. Пригодится при вёрстке фонов, текста и анимаций.
CX Codex +1
307установок
frontend-refactor-planner скилл Составляет поэтапный план рефакторинга фронтенда: делит крупные компоненты, упрощает состояние и улучшает доступность. Пригодится при разборе легаси-кода.
CX Codex +1
305установок
2 641–2 680 из 2 909
