AIKraft/AI/Войти
AIKraft/Skills/tailwind-v4-shadcn

tailwind-v4-shadcn

| Проверенная на практике настройка для Tailwind CSS v4 с shadcn/ui, Vite и React. Используйте, когда: инициализируете проекты React с Tailwind v4, настраиваете shadcn/ui, реализуете темную тему, отлаживаете проблемы с CSS-переменными, исправляете переключение тем, мигрируете с Tailwind v3 или сталкиваетесь с проблемами цветов/тем. Охватывает: паттерн @theme inline, архитектуру CSS-переменных, темную тему с ThemeProvider, композицию компонентов, настройку vite.config, распространенные особенности v4 и проверенные на практике паттерны.

secondsky official Дизайн

Что делает навык

| Проверенная на практике настройка для Tailwind CSS v4 с shadcn/ui, Vite и React. Используйте, когда: инициализируете проекты React с Tailwind v4, настраиваете shadcn/ui, реализуете темную тему, отлаживаете проблемы с CSS-переменными, исправляете переключение тем, мигрируете с Tailwind v3 или сталкиваетесь с проблемами цветов/тем. Охватывает: паттерн @theme inline, архитектуру CSS-переменных, темную тему с ThemeProvider, композицию компонентов, настройку vite.config, распространенные особенности v4 и проверенные на практике паттерны.

Как подключить

1Скачать навык
# возьмите папку навыка «tailwind-v4-shadcn» из репозитория: # https://github.com/secondsky/claude-skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r tailwind-v4-shadcn/ ~/.claude/skills/tailwind-v4-shadcn/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.