tailwind-css

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.

Cette compétence doit être utilisée lorsque l'utilisateur demande de « styliser avec Tailwind », « ajouter des classes Tailwind », « corriger les styles Tailwind », « utiliser des variantes Tailwind », « ajouter des animations avec tw-animate-css », « configurer Tailwind v4 », « migrer vers Tailwind v4 », ou mentionne les utilitaires Tailwind, les classes CSS, la conception réactive, le mode sombre, les dégradés, les jetons de conception ou les modules CSS. Source : paulrberg/agent-skills.