·tailwind
</>

tailwind

✓
thongdn-it/react-agent-skillsGitHub: thongdn-it/react-agent-skillsИсточник: thongdn-it/react-agent-skills

Рекомендации по оптимизации производительности Tailwind CSS v4 и передовому опыту (ранее — стиль Tailwindcss-v4). Этот навык следует использовать при написании, проверке или рефакторинге кода Tailwind CSS v4, чтобы обеспечить оптимальную производительность сборки, минимальный вывод CSS и правильное использование функций v4. Запускается при выполнении задач, связанных с конфигурацией Tailwind, директивой @theme, служебными классами, адаптивным дизайном, темным режимом, запросами контейнера или оптимизацией генерации CSS.

thongdn-it·tailwind
7Установки·1Тренд·@thongdn-it

Установка

GitHub: thongdn-it/react-agent-skills
$npx skills add https://github.com/thongdn-it/react-agent-skills --skill tailwind

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

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

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

Источник: thongdn-it/react-agent-skills.

SKILL.md

Показать raw

Comprehensive performance optimization guide for Tailwind CSS v4 applications, maintained by Tailwind Labs. Contains 42 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.

| 1 | Build Configuration | CRITICAL | build- | | 2 | CSS Generation | CRITICAL | gen- | | 3 | Bundle Optimization | HIGH | bundle- | | 4 | Utility Patterns | HIGH | util- | | 5 | Component Architecture | MEDIUM-HIGH | comp- | | 6 | Theming & Design Tokens | MEDIUM | theme- | | 7 | Responsive & Adaptive | MEDIUM | resp- |

| 8 | Animation & Transitions | LOW-MEDIUM | anim- |

Рекомендации по оптимизации производительности Tailwind CSS v4 и передовому опыту (ранее — стиль Tailwindcss-v4). Этот навык следует использовать при написании, проверке или рефакторинге кода Tailwind CSS v4, чтобы обеспечить оптимальную производительность сборки, минимальный вывод CSS и правильное использование функций v4. Запускается при выполнении задач, связанных с конфигурацией Tailwind, директивой @theme, служебными классами, адаптивным дизайном, темным режимом, запросами контейнера или оптимизацией генерации CSS. Источник: thongdn-it/react-agent-skills.

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

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

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

Browse more skills from thongdn-it/react-agent-skills

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

Что такое tailwind?

Рекомендации по оптимизации производительности Tailwind CSS v4 и передовому опыту (ранее — стиль Tailwindcss-v4). Этот навык следует использовать при написании, проверке или рефакторинге кода Tailwind CSS v4, чтобы обеспечить оптимальную производительность сборки, минимальный вывод CSS и правильное использование функций v4. Запускается при выполнении задач, связанных с конфигурацией Tailwind, директивой @theme, служебными классами, адаптивным дизайном, темным режимом, запросами контейнера или оптимизацией генерации CSS. Источник: thongdn-it/react-agent-skills.

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

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

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

https://github.com/thongdn-it/react-agent-skills

Детали

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

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

typescript
15 Установки
vitest
12 Установки
react-hook-form
9 Установки
nuqs
9 Установки
zod
8 Установки
vercel-composition-patterns
8 Установки