MCP HubMCP Hub
SKILL·7DA31F

shadcn

a5c-ai
Обновлено 1 month ago
16 просмотров
331
15
331
Посмотреть на GitHub
Дизайнdesign

О программе

Этот навык помогает разработчикам внедрять и настраивать компоненты shadcn/ui в проектах на React. Он помогает с установкой, стилизацией, темизацией и интеграцией с формами и другими библиотеками. Используйте его при создании пользовательских интерфейсов, чтобы быстро добавлять доступные, настраиваемые компоненты, следуя паттернам shadcn.

Быстрая установка

Claude Code

Рекомендуется
Основной
npx skills add a5c-ai/babysitter -a claude-code
Команда плагинаАльтернативный
/plugin add https://github.com/a5c-ai/babysitter
Git клонированиеАльтернативный
git clone https://github.com/a5c-ai/babysitter.git ~/.claude/skills/shadcn

Скопируйте и вставьте эту команду в Claude Code для установки этого навыка

GitHub репозиторий

a5c-ai/babysitter
Путь: plugins/babysitter/skills/babysit/process/specializations/web-development/skills/shadcn
0
agent-orchestrationagent-skillsagentic-aiagentic-workflowai-automationbabysitter
FAQ

Frequently asked questions

What is the shadcn skill?

shadcn is a Claude Skill by a5c-ai. Skills package instructions and resources that Claude loads on demand, so Claude can perform shadcn-related tasks without extra prompting.

How do I install shadcn?

Use the install commands on this page: add shadcn to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.

What category does shadcn belong to?

shadcn is in the Design category, tagged design.

Is shadcn free to use?

Yes. shadcn is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.

Похожие навыки

executing-plans
Дизайн

Используйте навык executing-plans, когда у вас есть полный план реализации для выполнения контролируемыми партиями с контрольными точками проверки. Он загружает и критически анализирует план, затем выполняет задачи небольшими партиями (по умолчанию 3 задачи), сообщая о прогрессе между каждой партией для проверки архитектором. Это обеспечивает систематическую реализацию со встроенными контрольными точками проверки качества.

Просмотреть навык
requesting-code-review
Дизайн

Этот навык запускает суб-агента для ревью кода, который анализирует изменения в коде на соответствие требованиям перед дальнейшими действиями. Его следует использовать после завершения задач, реализации крупных функций или перед слиянием с основной веткой. Ревью помогает выявить проблемы на ранней стадии, сравнивая текущую реализацию с исходным планом.

Просмотреть навык
connect-mcp-server
Дизайн

Этот навык предоставляет разработчикам подробное руководство по подключению серверов MCP к Claude Code с использованием транспортов HTTP, stdio или SSE. Он охватывает установку, конфигурацию, аутентификацию и безопасность для интеграции внешних сервисов, таких как GitHub, Notion и пользовательские API. Используйте его при настройке интеграций MCP, конфигурации внешних инструментов или работе с Model Context Protocol от Claude.

Просмотреть навык
web-cli-teleport
Дизайн

Этот навык помогает разработчикам выбирать между веб-интерфейсом Claude Code и CLI на основе анализа задачи, а также обеспечивает бесшовное перемещение сессий между этими средами. Он оптимизирует рабочий процесс, управляя состоянием и контекстом сессии при переключении между веб-интерфейсом, CLI или мобильным приложением. Используйте его для сложных проектов, требующих различных инструментов на разных этапах работы.

Просмотреть навык