·tailwind-css
</>

tailwind-css

Этот навык следует использовать, когда пользователь просит «создать стиль с помощью Tailwind», «добавить классы Tailwind», «исправить стили Tailwind», «использовать варианты попутного ветра», «добавить анимацию с помощью tw-animate-css», «настроить Tailwind v4», «перейти на Tailwind v4» или упоминает утилиты Tailwind, классы CSS, адаптивный дизайн, темный режим, градиенты, токены дизайна или модули CSS.

30Установки·0Тренд·@paulrberg

Установка

$npx skills add https://github.com/paulrberg/agent-skills --skill tailwind-css

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

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

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

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

Expert guidance for Tailwind CSS v4, CSS-first configuration, modern utility patterns, and type-safe component styling with tailwind-variants.

Tailwind CSS v4 eliminates tailwind.config.ts in favor of CSS-only configuration. All configuration lives in CSS files using special directives.

All theme tokens defined with @theme automatically become available as utility classes. For example, --color-brand can be used as bg-brand, text-brand, border-brand, etc.

Этот навык следует использовать, когда пользователь просит «создать стиль с помощью Tailwind», «добавить классы Tailwind», «исправить стили Tailwind», «использовать варианты попутного ветра», «добавить анимацию с помощью tw-animate-css», «настроить Tailwind v4», «перейти на Tailwind v4» или упоминает утилиты Tailwind, классы CSS, адаптивный дизайн, темный режим, градиенты, токены дизайна или модули CSS. Источник: paulrberg/agent-skills.

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

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

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

Browse more skills from paulrberg/agent-skills

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

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

Этот навык следует использовать, когда пользователь просит «создать стиль с помощью Tailwind», «добавить классы Tailwind», «исправить стили Tailwind», «использовать варианты попутного ветра», «добавить анимацию с помощью tw-animate-css», «настроить Tailwind v4», «перейти на Tailwind v4» или упоминает утилиты Tailwind, классы CSS, адаптивный дизайн, темный режим, градиенты, токены дизайна или модули CSS. Источник: paulrberg/agent-skills.

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

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

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

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

Детали

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