Этот навык следует использовать, когда пользователь просит «стилизовать с помощью Tailwind», «добавить CSS», «настроить тему», «использовать @theme», «добавить пользовательские цвета», «реализовать темный режим», «использовать контейнерные запросы», «добавить адаптивный дизайн», «использовать цвета OKLCH» или обсуждает стиль, темы или визуальный дизайн. Всегда используйте последнюю версию CSS Tailwind и современные шаблоны.
Быстро установите AI-навык tailwindcss в вашу среду разработки через командную строку
Источник: velcrafting/codex-skills.
This skill provides guidance for styling applications with Tailwind CSS, focusing on always using the latest version and modern patterns.
Philosophy: Use CSS-first configuration with @theme. Use OKLCH colors for perceptual uniformity. Prefer @container queries over media queries when appropriate.
| Configuration | CSS @theme directive | tailwind.config.js | | Colors | OKLCH color space | RGB/HSL colors | | Container queries | @container | Media queries only | | Content detection | Automatic | Manual content: [] config | | PostCSS plugin | @tailwindcss/postcss | tailwindcss package |
Этот навык следует использовать, когда пользователь просит «стилизовать с помощью Tailwind», «добавить CSS», «настроить тему», «использовать @theme», «добавить пользовательские цвета», «реализовать темный режим», «использовать контейнерные запросы», «добавить адаптивный дизайн», «использовать цвета OKLCH» или обсуждает стиль, темы или визуальный дизайн. Всегда используйте последнюю версию CSS Tailwind и современные шаблоны. Источник: velcrafting/codex-skills.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/velcrafting/codex-skills --skill tailwindcssЭтот навык следует использовать, когда пользователь просит «стилизовать с помощью Tailwind», «добавить CSS», «настроить тему», «использовать @theme», «добавить пользовательские цвета», «реализовать темный режим», «использовать контейнерные запросы», «добавить адаптивный дизайн», «использовать цвета OKLCH» или обсуждает стиль, темы или визуальный дизайн. Всегда используйте последнюю версию CSS Tailwind и современные шаблоны. Источник: velcrafting/codex-skills.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/velcrafting/codex-skills --skill tailwindcss После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/velcrafting/codex-skills