Настройте Tailwind v4 с пользовательским интерфейсом в стиле shadcn/ui. Рабочий процесс: установите зависимости, настройте переменные CSS со встроенным @theme, настройте темный режим, проверьте. Используйте при инициализации проектов React с помощью Tailwind v4, настройке тем shadcn/ui или исправлении неработающих цветов, ошибок tw-animate-css, конфликтов встроенного темного режима @theme, нарушения @apply, проблем миграции v3.
Быстро установите AI-навык tailwind-theme-builder в вашу среду разработки через командную строку
Источник: jezweb/claude-skills.
Set up a fully themed Tailwind v4 + shadcn/ui project with dark mode. Produces configured CSS, theme provider, and working component library.
This exact order is required. Skipping steps breaks the theme.
Result: bg-background, text-primary etc. work automatically. Dark mode switches via .dark class — no dark: variants needed for semantic colours.
Настройте Tailwind v4 с пользовательским интерфейсом в стиле shadcn/ui. Рабочий процесс: установите зависимости, настройте переменные CSS со встроенным @theme, настройте темный режим, проверьте. Используйте при инициализации проектов React с помощью Tailwind v4, настройке тем shadcn/ui или исправлении неработающих цветов, ошибок tw-animate-css, конфликтов встроенного темного режима @theme, нарушения @apply, проблем миграции v3. Источник: jezweb/claude-skills.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/jezweb/claude-skills --skill tailwind-theme-builderНастройте Tailwind v4 с пользовательским интерфейсом в стиле shadcn/ui. Рабочий процесс: установите зависимости, настройте переменные CSS со встроенным @theme, настройте темный режим, проверьте. Используйте при инициализации проектов React с помощью Tailwind v4, настройке тем shadcn/ui или исправлении неработающих цветов, ошибок tw-animate-css, конфликтов встроенного темного режима @theme, нарушения @apply, проблем миграции v3. Источник: jezweb/claude-skills.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/jezweb/claude-skills --skill tailwind-theme-builder После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/jezweb/claude-skills