·tailwind-v4-shadcn
</>

tailwind-v4-shadcn

✓
ovachiever/droid-tingsGitHub: ovachiever/droid-tingsИсточник: ovachiever/droid-tings

Настройте Tailwind v4 с помощью shadcn/ui, используя встроенный шаблон @theme и переменную архитектуру CSS. Четырехэтапный обязательный шаблон: определить переменные CSS в корне, сопоставить их с утилитами Tailwind, применить базовые стили, получить автоматический темный режим. Используйте при: инициализации проектов React с помощью Tailwind v4, настройке темного режима shadcn/ui или исправлении неработающих цветов, неприменении темы, нарушении переменных CSS, ошибках tw-animate-css или переходе с v3.

ovachiever·tailwind·v4·shadcn
63Установки·0Тренд·@ovachiever

Установка

GitHub: ovachiever/droid-tings
$npx skills add https://github.com/ovachiever/droid-tings --skill tailwind-v4-shadcn

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

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

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

Источник: ovachiever/droid-tings.

SKILL.md

Показать raw

Production-tested: WordPress Auditor (https://wordpress-auditor.webfonts.workers.dev) Last Updated: 2025-11-09 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 v4 с помощью shadcn/ui, используя встроенный шаблон @theme и переменную архитектуру CSS. Четырехэтапный обязательный шаблон: определить переменные CSS в корне, сопоставить их с утилитами Tailwind, применить базовые стили, получить автоматический темный режим. Используйте при: инициализации проектов React с помощью Tailwind v4, настройке темного режима shadcn/ui или исправлении неработающих цветов, неприменении темы, нарушении переменных CSS, ошибках tw-animate-css или переходе с v3. Источник: ovachiever/droid-tings.

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

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

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

Browse more skills from ovachiever/droid-tings

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

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

Настройте Tailwind v4 с помощью shadcn/ui, используя встроенный шаблон @theme и переменную архитектуру CSS. Четырехэтапный обязательный шаблон: определить переменные CSS в корне, сопоставить их с утилитами Tailwind, применить базовые стили, получить автоматический темный режим. Используйте при: инициализации проектов React с помощью Tailwind v4, настройке темного режима shadcn/ui или исправлении неработающих цветов, неприменении темы, нарушении переменных CSS, ошибках tw-animate-css или переходе с v3. Источник: ovachiever/droid-tings.

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

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

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

https://github.com/ovachiever/droid-tings

Детали

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

Похожие навыки

security-auditor
365 Установки
react-hook-form-zod
179 Установки
nextjs-shadcn-builder
171 Установки
deep-reading-analyst
96 Установки
react-native-expo
77 Установки
threejs-graphics-optimizer
71 Установки