AIKraft/AI/Войти
AIKraft/Skills/tailwind-theme-builder

tailwind-theme-builder

Настройте UI с темой Tailwind v4 + shadcn/ui с поддержкой тёмной темы. Установите зависимости, настройте CSS-переменные через @theme inline, подключите переключатель тёмной темы, проверьте работоспособность. Используйте, когда пользователь упоминает Tailwind v4, настройку темизации Tailwind, цвета shadcn/ui, тёмную тему, или сталкивается с проблемами: не работают цвета, ошибки tw-animate-css, конфликты @theme inline, поломка @apply после обновления или проблемы при миграции с v3 на v4.

jezweb official Дизайн

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

Настройте UI с темой Tailwind v4 + shadcn/ui с поддержкой тёмной темы. Установите зависимости, настройте CSS-переменные через @theme inline, подключите переключатель тёмной темы, проверьте работоспособность. Используйте, когда пользователь упоминает Tailwind v4, настройку темизации Tailwind, цвета shadcn/ui, тёмную тему, или сталкивается с проблемами: не работают цвета, ошибки tw-animate-css, конфликты @theme inline, поломка @apply после обновления или проблемы при миграции с v3 на v4.

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

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

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