shadcn/ui Component Integration
О программе
Этот навык помогает разработчикам устанавливать и настраивать компоненты shadcn/ui, копируя их напрямую в проекты вместо использования npm-пакетов. Он предоставляет рекомендации по темизации Tailwind CSS, вариантам стилизации и кастомизации дизайн-системы. Используйте его при добавлении новых UI-компонентов или изменении существующих в вашей кодовой базе.
Быстрая установка
Claude Code
Рекомендуетсяnpx skills add seanchiuai/claude-web-template -a claude-code/plugin add https://github.com/seanchiuai/claude-web-templategit clone https://github.com/seanchiuai/claude-web-template.git ~/.claude/skills/shadcn/ui Component IntegrationСкопируйте и вставьте эту команду в Claude Code для установки этого навыка
GitHub репозиторий
Frequently asked questions
What is the shadcn/ui Component Integration skill?
shadcn/ui Component Integration is a Claude Skill by seanchiuai. Skills package instructions and resources that Claude loads on demand, so Claude can perform shadcn/ui Component Integration-related tasks without extra prompting.
How do I install shadcn/ui Component Integration?
Use the install commands on this page: add shadcn/ui Component Integration 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/ui Component Integration belong to?
shadcn/ui Component Integration is in the Design category, tagged ai and design.
Is shadcn/ui Component Integration free to use?
Yes. shadcn/ui Component Integration 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, когда у вас есть полный план реализации для выполнения контролируемыми партиями с контрольными точками проверки. Он загружает и критически анализирует план, затем выполняет задачи небольшими партиями (по умолчанию 3 задачи), сообщая о прогрессе между каждой партией для проверки архитектором. Это обеспечивает систематическую реализацию со встроенными контрольными точками проверки качества.
Этот навык запускает суб-агента для ревью кода, который анализирует изменения в коде на соответствие требованиям перед дальнейшими действиями. Его следует использовать после завершения задач, реализации крупных функций или перед слиянием с основной веткой. Ревью помогает выявить проблемы на ранней стадии, сравнивая текущую реализацию с исходным планом.
Этот навык предоставляет разработчикам подробное руководство по подключению серверов MCP к Claude Code с использованием транспортов HTTP, stdio или SSE. Он охватывает установку, конфигурацию, аутентификацию и безопасность для интеграции внешних сервисов, таких как GitHub, Notion и пользовательские API. Используйте его при настройке интеграций MCP, конфигурации внешних инструментов или работе с Model Context Protocol от Claude.
Этот навык помогает разработчикам выбирать между веб-интерфейсом Claude Code и CLI на основе анализа задачи, а также обеспечивает бесшовное перемещение сессий между этими средами. Он оптимизирует рабочий процесс, управляя состоянием и контекстом сессии при переключении между веб-интерфейсом, CLI или мобильным приложением. Используйте его для сложных проектов, требующих различных инструментов на разных этапах работы.