·tailwind-v4-shadcn
</>

tailwind-v4-shadcn

Проверенная на производстве настройка Tailwind CSS v4 с shadcn/ui, Vite и React. Используйте при: инициализации проектов React с помощью Tailwind v4, настройке shadcn/ui, реализация темного режима, отладка проблем с переменными CSS, исправление переключения тем, при переходе с Tailwind v3 или при возникновении проблем с цветом/темами. Обложки: встроенный шаблон @theme, переменная архитектура CSS, темный режим с ThemeProvider, состав компонентов, настройка vite.config, распространенные ошибки v4, и проверенные на производстве модели. Ключевые слова: Tailwind v4, shadcn/ui, @tailwindcss/vite, встроенная @theme, темный режим, Переменные CSS, оболочка hsl(), компоненты.json, темы React, переключение тем, цвета не работают, переменные не работают, тема не применяется, директива @plugin, плагин типографии, плагин форм, класс прозы, @tailwindcss/typography, @tailwindcss/формы

34Установки·2Тренд·@jackspace

Установка

$npx skills add https://github.com/jackspace/claudeskillz --skill tailwind-v4-shadcn

Как установить tailwind-v4-shadcn

Быстро установите AI-навык tailwind-v4-shadcn в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/jackspace/claudeskillz --skill tailwind-v4-shadcn
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: jackspace/claudeskillz.

Production-tested: WordPress Auditor (https://wordpress-auditor.webfonts.workers.dev) Last Updated: 2025-10-29 Status: Production Ready ✅

CRITICAL FOR AI AGENTS: If you're Claude Code helping a user set up Tailwind v4:

USER ACTION REQUIRED: Tell Claude to check this skill first!

Проверенная на производстве настройка Tailwind CSS v4 с shadcn/ui, Vite и React. Используйте при: инициализации проектов React с помощью Tailwind v4, настройке shadcn/ui, реализация темного режима, отладка проблем с переменными CSS, исправление переключения тем, при переходе с Tailwind v3 или при возникновении проблем с цветом/темами. Обложки: встроенный шаблон @theme, переменная архитектура CSS, темный режим с ThemeProvider, состав компонентов, настройка vite.config, распространенные ошибки v4, и проверенные на производстве модели. Ключевые слова: Tailwind v4, shadcn/ui, @tailwindcss/vite, встроенная @theme, темный режим, Переменные CSS, оболочка hsl(), компоненты.json, темы React, переключение тем, цвета не работают, переменные не работают, тема не применяется, директива @plugin, плагин типографии, плагин форм, класс прозы, @tailwindcss/typography, @tailwindcss/формы Источник: jackspace/claudeskillz.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/jackspace/claudeskillz --skill tailwind-v4-shadcn
Источник
jackspace/claudeskillz
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-10

Browse more skills from jackspace/claudeskillz

Короткие ответы

Что такое tailwind-v4-shadcn?

Проверенная на производстве настройка Tailwind CSS v4 с shadcn/ui, Vite и React. Используйте при: инициализации проектов React с помощью Tailwind v4, настройке shadcn/ui, реализация темного режима, отладка проблем с переменными CSS, исправление переключения тем, при переходе с Tailwind v3 или при возникновении проблем с цветом/темами. Обложки: встроенный шаблон @theme, переменная архитектура CSS, темный режим с ThemeProvider, состав компонентов, настройка vite.config, распространенные ошибки v4, и проверенные на производстве модели. Ключевые слова: Tailwind v4, shadcn/ui, @tailwindcss/vite, встроенная @theme, темный режим, Переменные CSS, оболочка hsl(), компоненты.json, темы React, переключение тем, цвета не работают, переменные не работают, тема не применяется, директива @plugin, плагин типографии, плагин форм, класс прозы, @tailwindcss/typography, @tailwindcss/формы Источник: jackspace/claudeskillz.

Как установить tailwind-v4-shadcn?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/jackspace/claudeskillz --skill tailwind-v4-shadcn После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/jackspace/claudeskillz

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-01