Работа с компонентами shadcn/ui

shadcn

Навык подбирает готовые компоненты shadcn/ui, компонует из них страницы и держит оформление в рамках единого стиля.

Как установитьОткрыть на GitHub (откроется в новой вкладке)

Что делает

Чем навык помогает в работе.

  • Находит и добавляет компоненты shadcn/ui
  • Собирает из них экраны и формы
  • Следит за единым стилем и вёрсткой

Примеры задач

Опишите задачу — и запустите навык в чате.

Собери страницу настроек на shadcn/ui с вкладками.

Добавь в проект нужные компоненты и оформи форму.

Как установить

Одна команда в терминале — навык добавится вашему агенту.

Терминал
npx skills add https://github.com/shadcn-ui/ui --skill shadcn

Понадобится Node.js. Навык работает в Claude Code и других агентах, которые читают скиллы из папки проекта.

Безопасность

Скилл — это инструкции, которые выполняет ваш агент. Ставьте навыки из репозиториев, которым доверяете, и при желании загляните в файл SKILL.md перед установкой.

Похожие скиллы

Создаёт сайты и интерфейсы с продуманным видом: подбирает цвета, шрифты и расположение блоков, а затем пишет готовый код.

ДизайнОфициальныйУстановок: 844,1 тыс

Свод правил Vercel по скорости приложений на React и Next.js: подсказывает, как писать и переделывать код, чтобы страницы грузились быстрее.

РазработкаОфициальныйУстановок: 682,7 тыс

Проверяет код интерфейса на соответствие рекомендациям по удобству и доступности и указывает конкретные места, что стоит улучшить.

ДизайнОфициальныйУстановок: 599,3 тыс