code-architecture-tailwind-v4-best-practices

SKILL.md

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.

Guide les modèles Tailwind CSS v4 pour les boutons et les composants. Utilisez cette compétence lors de la création de composants avec des variantes, du choix entre les variantes CVA/tailwind ou de la configuration de l'approche CSS-first de Tailwind v4. Source : flpbalada/my-opencode-config.

Voir l'original