·tailwind-v4-shadcn
</>

tailwind-v4-shadcn

✓
ederheisler/agent-skillsGitHub: ederheisler/agent-skillsИсточник: ederheisler/agent-skills

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

ederheisler·tailwind·v4·shadcn
9Установки·1Тренд·@ederheisler

Установка

GitHub: ederheisler/agent-skills
$npx skills add https://github.com/ederheisler/agent-skills --skill tailwind-v4-shadcn

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

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

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

Источник: ederheisler/agent-skills.

SKILL.md

Показать raw

Production-tested: WordPress Auditor (https://wordpress-auditor.webfonts.workers.dev) Last Updated: 2026-01-20 Versions: tailwindcss@4.1.18, @tailwindcss/vite@4.1.18 Status: Production Ready

Critical: Define at root level (NOT inside @layer base). Use hsl() wrapper.

Why: Generates utility classes (bg-background, text-primary). Without this, utilities won't exist.

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

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

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

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

Browse more skills from ederheisler/agent-skills

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

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

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

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

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

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

https://github.com/ederheisler/agent-skills

Детали

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

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

ask-questions-if-underspecified
10 Установки
brainstorming
10 Установки
canvas-design
10 Установки
dispatching-parallel-agents
10 Установки
executing-plans
10 Установки
fastapi
10 Установки