Руководства по шаблонам Tailwind CSS v4 для кнопок и компонентов. Используйте этот навык при создании компонентов с вариантами, выборе между вариантами CVA/попутного ветра или настройке подхода Tailwind v4 с упором на CSS.
Быстро установите AI-навык code-architecture-tailwind-v4-best-practices в вашу среду разработки через командную строку
Источник: flpbalada/my-opencode-config.
Use utilities directly in markup as the primary approach. Abstract with CVA/tailwind-variants only when you have 3+ variants.
Tailwind v4's CSS-first configuration eliminates tailwind.config.js entirely. All configuration happens in CSS via @theme directive.
The Tailwind team discourages @apply except in narrow circumstances. Use component abstractions instead.
Руководства по шаблонам Tailwind CSS v4 для кнопок и компонентов. Используйте этот навык при создании компонентов с вариантами, выборе между вариантами CVA/попутного ветра или настройке подхода Tailwind v4 с упором на CSS. Источник: flpbalada/my-opencode-config.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/flpbalada/my-opencode-config --skill code-architecture-tailwind-v4-best-practicesРуководства по шаблонам Tailwind CSS v4 для кнопок и компонентов. Используйте этот навык при создании компонентов с вариантами, выборе между вариантами CVA/попутного ветра или настройке подхода Tailwind v4 с упором на CSS. Источник: flpbalada/my-opencode-config.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/flpbalada/my-opencode-config --skill code-architecture-tailwind-v4-best-practices После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/flpbalada/my-opencode-config