lombiq/tailwind-4-docs

Que fait tailwind-4-docs ?

Instantané complet de la documentation et des workflows de Tailwind CSS v4. À utiliser pour répondre aux questions sur Tailwind v4, sélectionner les utilitaires/variantes, configurer Tailwind v4 ou migrer des projets de la v3 à la v4 avec la documentation officielle et des vérifications des pièges courants.

Aperçu

Cette compétence fournit un instantané de la documentation officielle de Tailwind CSS v4, ainsi que des conseils pour l'utiliser efficacement. Elle aide les agents IA à répondre avec précision aux questions liées à Tailwind v4, que ce soit pour sélectionner les bonnes classes utilitaires, utiliser les variantes, configurer le framework, ou migrer des projets de la v3 à la v4.

Utilisation

• Répondre aux questions sur Tailwind v4 : Utilisez cette compétence comme source de référence principale pour toute question concernant l'utilisation de Tailwind CSS v4.
• Sélection d'utilitaires/variantes : Consultez la documentation intégrée pour trouver la classe utilitaire ou la variante appropriée.
• Configuration : Suivez les guides pour configurer Tailwind v4 dans vos projets (via @theme, @config, etc.).
• Migration v3 → v4 : Utilisez les vérifications des pièges courants pour éviter les erreurs fréquentes lors de la migration.

Contenu

• Layout
• Typographie
• Couleurs
• Espacement (margin, padding)
• Design responsive
• Mode sombre
• Animations
• Et plus encore...

Vérifications des pièges courants (Gotchas)

Cette compétence inclut des vérifications des pièges courants à prendre en compte lors de l'utilisation de Tailwind v4, en particulier lors de la migration depuis v3. Par exemple :

• La syntaxe des variantes a changé : hover: reste similaire, mais certaines variantes comme group-hover: ont été modifiées.
• Les valeurs par défaut ont changé : Vérifiez les valeurs des couleurs, espacements, etc., car elles peuvent différer de v3.
• Le système de configuration a été simplifié : Plus besoin de tailwind.config.js dans de nombreux cas ; utilisez @theme dans votre fichier CSS.
• Certaines classes utilitaires ont été renommées ou supprimées : Consultez la documentation pour les mises à jour.

Pour des détails complets, référez-vous toujours à la documentation officielle de Tailwind CSS v4.