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.

Leitfäden Tailwind CSS v4-Muster für Schaltflächen und Komponenten. Nutzen Sie diese Fähigkeit, wenn Sie Komponenten mit Varianten erstellen, zwischen CVA/Tailwind-Varianten wählen oder den CSS-First-Ansatz von Tailwind v4 konfigurieren. Quelle: flpbalada/my-opencode-config.

Original anzeigen