NeVibeCode · 50 карточек
components: скиллы и MCP-серверы
Карточки с тегом «components»: скиллы и MCP-серверы. Что делает каждая, команда установки и примеры запросов.
shadcn скилл Скилл ведёт агента по работе с shadcn/ui: добавляет компоненты, ищет в реестрах, чинит верстку и собирает дизайн-систему по вашему описанию.
CX Codex +1
123 300установок
vercel-composition-patterns скилл Свод правил, по которым агент переводит React-компоненты с Boolean props на compound components и общий контекст.
CX Codex +1
418 600установок
emil-design-eng скилл Скилл задаёт правила для полировки интерфейсов, компонентов и анимаций. Пригодится, когда UI работает, но требует более точных состояний и переходов.
CX Codex +1
388 200установок
daisyui скилл Скилл подключает к ИИ-агенту справочник компонентов daisyUI 5, чтобы тот писал разметку на готовых классах, а не выдумывал свои.
CX Codex +1
12 100установок
nuxt-ui скилл Помогает агенту собирать интерфейсы на базе @nuxt/ui v4, настраивать темы Tailwind CSS и правильно выбирать компоненты библиотеки.
CX Codex +1
19 800установок
shadcn-svelte скилл Скилл помогает работать с shadcn-svelte: добавлять компоненты, составлять интерфейсы, исправлять стили и отлаживать проекты. Нужен, если вы пишете UI на Svelte с использованием shadcn-svelte или планируете начать.
CX Codex +1
6 700установок
shadcn-vue скилл Настраивает агента на правила shadcn-vue: добавление компонентов через CLI, вёрстка форм через FieldGroup, запрет space-y и строгие токены Tailwind.
CX Codex +1
5 800установок
figma-generate-library
официальный скилл Скилл для синхронизации дизайн-системы Figma с кодовой базой. Помогает создать или обновить переменные, компоненты, режимы (светлая/тёмная тема) и документацию в правильном порядке — без фаз, выполненных в неправильной последовательности.
CX Codex +1
2 700установок
variant скилл Скилл собирает несколько заметно разных версий одного элемента интерфейса и показывает их на реальной странице. Пригодится, когда нужно сравнить направления дизайна перед выбором.
CX Codex +1
14 600установок
web-component-design скилл Скилл помогает проектировать компоненты для React, Vue и Svelte. Подойдёт для библиотек UI, дизайн-систем и рефакторинга старых компонентов.
CX Codex
13 167установок
react-native-testing скилл Скилл для написания и проверки тестов компонентов React Native с помощью Testing Library. Покрывает запросы, взаимодействия, асинхронные паттерны и работает с версиями v13 (React 18) и v14 (React 19+).
CX Codex +1
5 300установок
building-components скилл Помогает проектировать доступные UI-компоненты, их API, темы и документацию.
CX Codex +1
14 700установок
libraries-dev скилл Скилл подбирает и встраивает React-компоненты визуальных эффектов Libraries.dev для интерфейсов с ИИ: от светящихся рамок до аватаров и жидкого металла.
CX Codex +1
1 000установок
convex-create-component скилл Скилл помогает создавать переиспользуемые Convex-компоненты с изолированными таблицами и чётким API. Пригодится, когда нужно выделить backend-логику в отдельный модуль или собрать интеграцию, которая владеет своими данными.
CX Codex +1
130 900установок
reka-ui скилл Скилл для работы с Reka UI — библиотекой unstyled компонентов Vue 3 с полной поддержкой доступности. Пригодится, если вы собираете интерфейсы с нуля или используете Nuxt UI и shadcn-vue.
CX Codex +1
7 400установок
plan-ui-change скилл Разбивает сложную страницу Blazor на отдельные компоненты до того, как агент начнёт писать код. Пригодится, когда в макете три и больше визуальных блоков.
CX Codex +1
3 000установок
component-canvas скилл Собирает полноэкранный канвас, где компоненты проекта показаны как есть: с панорамированием, зумом и сравнением вариантов. Пригодится, когда нужно разом увидеть, что уже есть в дизайн-системе.
CX Codex +1
685установок
naming-convention скилл Задаёт единые правила именования компонентов, токенов и слоёв, чтобы имена в проекте не расходились от файла к файлу.
CX Codex +1
2 100установок
component-spec скилл Скилл описывает один компонент дизайн-системы: анатомию, варианты, состояния, доступность и правила использования. Пригодится, когда библиотека растёт и пора зафиксировать API.
CX Codex +1
2 100установок
shadcn-ui скилл Ставит и настраивает компоненты shadcn/ui в React-проекте: подбирает их по задаче, следит за порядком установки и зависимостями.
CX Codex +1
3 600установок
vuetify0 скилл Подсказывает агенту, какие компоненты и composables из @vuetify/v0 взять вместо самописной логики — от кнопки до виртуального списка.
CX Codex +1
721установок
react-patterns скилл Скилл-чеклист по производительности и композиции компонентов React 19 для проектов на Vite и Cloudflare. Пригодится при написании, ревью и рефакторинге.
CX Codex +1
1 300установок
element14 скилл Ищет компоненты в Newark, Farnell и element14 по MPN или артикулу, показывает цены и остатки, качает даташиты в папку проекта KiCad.
CX Codex +1
462установок
social-share-generator скилл Заглушка совместимости для создания кнопок шаринга в соцсетях. Направляет к новому репозиторию Bricks со скиллом component-builder.
CX Codex +1
1 000установок
tab-accordion скилл Совместимостная заглушка для сборки вкладок и аккордеонов. Правил компонента внутри нет — работу перенесли в Bricks.
CX Codex +1
1 000установок
react-composition-2026 скилл Скилл учит агента заменять булевы пропсы и жёсткие API компонентов на композицию: compound-компоненты, явные варианты, children вместо render props.
CX Codex +1
1 100установок
render-props-pattern скилл Скилл объясняет паттерн render props в React и подсказывает, когда вместо него взять хуки. Пригодится, если логику рендера нужно разделить между компонентами.
CX Codex +1
1 000установок
compound-pattern скилл Учит агента собирать составные компоненты с общим неявным состоянием: табы, аккордеоны, выпадающие меню. Пригодится, когда подкомпоненты должны согласовывать поведение без прокидывания пропсов.
CX Codex +1
1 000установок
21st-cli-use скилл Ищет, скачивает и ставит React- и shadcn-компоненты, темы и SVG-логотипы из каталога 21st.dev через утилиту 21st. Срабатывает при наличии components.json, избавляя от ручной вёрстки.
CX Codex +1
2 000установок
figma-generate-library
официальный скилл Скилл для построения профессиональной дизайн-системы в Figma на основе кодовой базы. Создаёт переменные, компоненты с вариантами, стили типографики и теминг в правильном порядке — от токенов к готовым компонентам.
CX Codex GP ChatGPT
32установок
component-family-consistency скилл Скилл следит, чтобы кнопки, поля ввода, бейджи и пилюли делили радиус, цвета, тени, границы и отступы. Пригодится при сборке или ревизии библиотеки компонентов.
CX Codex +1
874установок
real-world-metaphors скилл Помогает выбрать между карточкой, каруселью, drawer и аккордеоном, когда проектируешь компоненты и навигацию.
CX Codex +1
841установок
frontend-designer скилл Скилл для сборки доступных и адаптивных компонентов интерфейса: дизайн-токены, современный CSS, паттерны React, Vue и Svelte.
CX Codex +1
335установок
react-component-architecture скилл Скилл задаёт агенту правила проектирования React-компонентов: функциональные компоненты, хуки, композиция и TypeScript. Пригодится, когда растёт библиотека переиспользуемых компонентов.
CX Codex +1
674установок
antdv-next скилл Скилл подкладывает агенту локальную копию документации Antdv Next: API компонентов, демо, токены темы. Пригодится, когда правишь интерфейс на Vue 3 и не хочешь гонять модель по сайту.
CX Codex +1
1 400установок
21st-ui-build скилл Скилл для реализации страниц и компонентов в существующем веб-проекте: сначала читает дизайн-контекст и токены, потом ищет готовое в 21st.
CX Codex +1
1 400установок
design-system-creation скилл Скилл помогает собрать дизайн-систему: компоненты, токены, правила и документацию. Пригодится, когда интерфейсов или команд стало больше одной.
CX Codex +1
537установок
shadcn-component-discovery скилл Скилл ищет готовые компоненты и реестры в экосистеме shadcn до того, как вы начнёте писать свой UI с нуля.
CX Codex +1
731установок
react-component-generator скилл Скилл для генерации React-компонентов на TypeScript: пропсы, хуки, доступность. Пригодится при создании новых UI-элементов и рефакторинге.
CX Codex +1
318установок
design-system-generator скилл Собирает дизайн-систему из токенов, базовых компонентов и документации. Пригодится, когда проект обзавёлся вторым экраном и цвета начали расползаться.
CX Codex +1
300установок
1–40 из 50
