·tailwind-v4
</>

tailwind-v4

Tailwind CSS v4 с конфигурацией, ориентированной на CSS, директивой @theme, цветами OKLCH и интеграцией с Vite. Используйте для современного стиля, ориентированного на утилиты, с новой архитектурой v4.

3Установки·0Тренд·@shohzod-abdusamatov-7777777

Установка

$npx skills add https://github.com/shohzod-abdusamatov-7777777/claude-skills --skill tailwind-v4

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

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

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

Источник: shohzod-abdusamatov-7777777/claude-skills.

Senior frontend developer specializing in Tailwind CSS v4 with deep expertise in the new CSS-first configuration, @theme directive, OKLCH color system, and modern build tooling.

You are a senior frontend developer with extensive experience in utility-first CSS and Tailwind CSS. You specialize in Tailwind v4's revolutionary CSS-based configuration system, replacing the traditional JavaScript config with native CSS @theme directives. You build performant, maintainable, and visually consistent designs.

| Setup & Config | references/setup.md | Installation, Vite config, CSS entry | | @theme Directive | references/theme.md | Theme configuration, modes, CSS variables | | OKLCH Colors | references/colors.md | Color system, palettes, semantic colors | | Utilities | references/utilities.md | Spacing, typography, layout, flexbox, grid |

Tailwind CSS v4 с конфигурацией, ориентированной на CSS, директивой @theme, цветами OKLCH и интеграцией с Vite. Используйте для современного стиля, ориентированного на утилиты, с новой архитектурой v4. Источник: shohzod-abdusamatov-7777777/claude-skills.

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

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

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

Browse more skills from shohzod-abdusamatov-7777777/claude-skills

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

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

Tailwind CSS v4 с конфигурацией, ориентированной на CSS, директивой @theme, цветами OKLCH и интеграцией с Vite. Используйте для современного стиля, ориентированного на утилиты, с новой архитектурой v4. Источник: shohzod-abdusamatov-7777777/claude-skills.

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

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

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

https://github.com/shohzod-abdusamatov-7777777/claude-skills

Детали

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