NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
huashu-design-html-native скилл Превращает запрос словами в готовый файл: прототип, слайды, анимацию или инфографику на HTML/CSS/JS. Figma не нужна.
CX Codex +1
426установок
c15t скилл Настраивает hosted c15t через Inth CLI: подключает проект, добавляет согласия и переносит аналитику за проверку выбора пользователя.
CX Codex +1
490установок
roblox-user-interfaces скилл Помогает проектировать и чинить интерфейсы в Roblox: от экранных меню со ScreenGui до табличек BillboardGui и 3D-превью в ViewportFrame.
CX Codex +1
328установок
cc-design-html-prototyping скилл Скилл помогает агенту создавать HTML-макеты, презентации и интерактивные прототипы. Пригодится, когда нужно проверить визуальное направление до разработки интерфейса.
CX Codex +1
423установок
website-cloner скилл Клонирует сайт по URL в один React-компонент с Tailwind CSS и motion. Пригодится, когда нужен лендинг по чужому дизайну или перенос вёрстки в проект.
CX Codex +1
484установок
scroll-experience скилл Помогает создавать скролл-анимации, параллакс и интерактивные презентации продуктов. Пригодится для промо-страниц, где подача материала завязана на движение страницы.
2 127установок
vue скилл Скилл по Vue 3 для ИИ-агента: Composition API, реактивность, однофайловые компоненты, Vue Router, Pinia, TypeScript и Vite. Пригодится, когда агент пишет фронтенд на Vue.
CX Codex +1
381установок
screenshot скилл Скилл помогает проверять изменения интерфейса по скриншотам на desktop, tablet и mobile. Пригодится для UI-проверок и pull request.
CX Codex +1
380установок
crm-builder скилл Скилл превращает описание бизнеса в DOMAIN.md в рабочий прототип CRM: контакты, компании, сделки и канбан-воронка.
CX Codex +1
1 400установок
reviewing-interface-quality скилл Аудитирует готовый интерфейс по скриншотам, стилям и поведению. Нужен перед релизом или когда страница выглядит незавершённой.
CX Codex +1
352установок
border-beam-react скилл Обучает агента добавлять в React бегущую подсветку границ через пакет border-beam на чистом CSS без внешних библиотек анимации.
CX Codex +1
407установок
nextjs-v16 скилл Скилл ведёт миграцию проекта на Next.js 16: асинхронные request API, opt-in кеширование через "use cache" и Turbopack. Пригодится, когда обновляете существующее приложение.
CX Codex +1
371установок
echarts скилл Скилл даёт агенту готовые рецепты pyecharts: столбцы, линии, круговые, тепловые карты и сборку интерактивного HTML-отчёта.
CX Codex +1
364установок
harvard-artifacts-collection-analytics-app скилл Скилл помогает собирать ETL-пайплайн и дашборд по данным Harvard Art Museums. Пригодится для проекта с Python, SQL и Streamlit.
CX Codex +1
1 400установок
vercel-services
официальный скилл Настраивает монорепозитории и запуск нескольких сервисов в одном проекте Vercel. Пригодится, если нужно объединить бэкенд на Python или Go с фронтендом.
CX Codex GP ChatGPT
4установок
vercel-flags
официальный скилл Скилл помогает внедрять фиче-флаги через Vercel Flags и SDK flags v4. Пригодится для настройки постепенных раскаток, A/B-тестов и Flags Explorer в Next.js или SvelteKit.
CX Codex GP ChatGPT
4установок
next-cache-components
официальный скилл Скилл помогает внедрять Cache Components и частичный пререндеринг в Next.js 16. Он подсказывает синтаксис директивы use cache, настройку профилей и сброс тегов.
CX Codex GP ChatGPT
4установок
json-render
официальный скилл Помогает отображать части UIMessage, результаты вызова инструментов и статус стриминга в React-интерфейсах на AI SDK v6.
CX Codex GP ChatGPT
4установок
cms
официальный скилл Скилл помогает подключить Sanity, Contentful, DatoCMS, Storyblok и Builder.io к проектам на Vercel с живым предпросмотром.
CX Codex GP ChatGPT
4установок
user-context
официальный скилл Сохраняет продуктовые и дизайн-источники для будущей работы Product Design. Нужен, когда агенту важно опираться на ваши ссылки, файлы и правила.
CX Codex GP ChatGPT
4установок
custom-pages-and-apis скилл Собирает свои страницы и API-роуты внутри проекта EventCatalog: Astro-страницы в pages/, TypeScript-эндпоинты в pages/api/.
CX Codex +1
410установок
svelte5-runes-static скилл Скилл подсказывает паттерны реактивности для связки Svelte 5 runes и SvelteKit adapter-static. Помогает избежать зависания состояния и ошибок гидратации при пререндеринге страниц.
CX Codex +1
364установок
award-winning-website скилл Разворачивает шаблон игрового лендинга на React 19 с анимациями GSAP и 3D-эффектами. Пригодится для быстрой вёрстки промо-сайта с интерактивным видеорядом.
CX Codex +1
359установок
permiso-accessibility-permissions скилл Скилл для агентов, который подсказывает, как встроить в macOS-приложение панель с просьбой выдать доступ к универсальному доступу.
CX Codex +1
386установок
sumsub-integrate-dint-websdk скилл Добавляет проверку устройств Sumsub в уже работающий WebSDK. Нужен для связывания устройства с заявителем и передачи меток риска.
CX Codex +1
980установок
sumsub-integrate-id-connect скилл Скилл ведёт агента по всей интеграции Sumsub ID Connect: кнопка входа, обмен кода на токен, согласие пользователя и создание аппликанта в вашем воркспейсе.
CX Codex +1
980установок
better-auth-plugins скилл Направляет ассистента при настройке двухфакторной аутентификации, passkey, JWT или организаций в Better Auth на TypeScript. Помогает связать клиентские и серверные плагины.
CX Codex +1
352установок
flutter-riverpod-expert скилл Скилл обучает агента архитектуре Flutter Riverpod с кодогенерацией и AsyncNotifier. Он нужен при настройке реактивного стейта, разделении слоёв и борьбе с лишними перерисовками.
CX Codex +1
1 100установок
recharts скилл Скилл помогает агенту собирать React-графики на Recharts. Пригодится для линий, столбцов, областей, круговых и смешанных диаграмм.
CX Codex +1
1 100установок
stream-flutter скилл Скилл помогает подключать Stream Chat, Video и Feeds к приложениям на Flutter. Пригодится для нового проекта, настройки существующего или миграции с Sendbird.
CX Codex +1
307установок
nextjs-core скилл Задаёт правила разработки на Next.js App Router: серверные компоненты по умолчанию, мутации через Server Actions и точечную ревалидацию кеша.
CX Codex +1
348установок
stream-react скилл Скилл для сборки и аудита чата, видео и лент на Stream SDK в React и Next.js. Помогает не писать код по устаревшей памяти.
CX Codex +1
304установок
vb-winforms скилл Шаблоны разработки на VB.NET для Windows Forms: привязка данных и безопасные потоки интерфейса. Помогает избежать зависания окон.
CX Codex +1
345установок
headlessui скилл Скилл по Headless UI: нестилизованные компоненты для React и Vue с готовой клавиатурной навигацией и ARIA. Пригодится, когда нужен свой дизайн без потери доступности.
CX Codex +1
345установок
svelte скилл Скилл помогает писать интерфейсы на Svelte 5 и приложения на SvelteKit. Пригодится для реактивного состояния, компонентов и серверного или статического рендеринга.
CX Codex +1
343установок
performance-optimization скилл Превращает отчёты профилировщиков, трассировки и логи в краткий план оптимизации. Помогает найти одно главное узкое место и проверить эффект правок по замерам.
CX Codex +1
366установок
state-management скилл Скилл помогает решить, кому принадлежит состояние в React-приложении, и выбрать самый узкий подходящий инструмент вместо спора о библиотеках.
CX Codex +1
365установок
agentation скилл Скилл связывает клики по живому интерфейсу с ИИ-агентом, передавая разметку, CSS-селекторы и координаты элементов для быстрых правок вёрстки.
CX Codex +1
363установок
hono-jsx скилл Скилл для серверного рендеринга HTML на Hono JSX: асинхронные компоненты, Suspense и стриминг ответов. Пригодится, когда нужны SSR-страницы или шаблоны писем без клиентской гидратации.
CX Codex +1
338установок
create-component скилл Генерирует компоненты, страницы и макеты для Astro с доступной вёрсткой и строгой типизацией props. Помогает переносить статичный HTML в проект без лишнего JavaScript.
CX Codex +1
425установок
2 681–2 720 из 2 909
