Maîtriser les projets Tailwind CSS V4
Tailwind CSS V4 modifie la configuration, les étapes de migration et les choix de performance. Cette compétence fournit à Claude, Codex et Claude Code des recommandations structurées pour des mises à niveau plus sûres et une meilleure architecture CSS.
Copiez cette demande dans votre Agent. Elle contient la page Skill de référence et le manifeste.
Review the Skillstore skill "Tailwind CSS V4 Mastery" from https://skillstore.io/skills/calel33-tailwind-css-v4-mastery.md and its manifest at https://skillstore.io/api/skills/calel33-tailwind-css-v4-mastery/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Votre Agent doit toujours présenter son plan et demander toute confirmation exigée par la politique de sécurité.
Utilisez ces liens lorsqu’un Agent IA, un crawler ou un script a besoin d’un contexte propre au lieu de lire toute la page.
Utilisation de « Tailwind CSS V4 Mastery ». Je dois migrer une application Tailwind v3 qui utilise des couleurs personnalisées et des utilitaires d'opacité.
Résultat attendu:
Une checklist de migration couvrant les mises à jour de dépendances, les changements d'import CSS, la conversion des variables de thème, les remplacements d'opacité et les vérifications de régression visuelle.
Utilisation de « Tailwind CSS V4 Mastery ». Aide-moi à créer un système de composants Tailwind V4 multi-marques.
Résultat attendu:
Un plan de design avec des tokens de marque, des limites de thème, des conventions de classes de composants, la gestion du dark mode et des tâches de documentation.
Utilisation de « Tailwind CSS V4 Mastery ». Mon build Tailwind V4 est plus lent que prévu.
Résultat attendu:
Un plan d'analyse des performances qui vérifie le choix du plugin, la taille du thème, le nombre de breakpoints, les source maps et les mesures de référence.
All 97 static alerts are false positives tied to documentation formatting, CSS patterns, official URLs, a production literal, or expected Bash syntax. Two semantic risks remain: unpinned package installation and broad in-place project rewrites without confirmation. No prompt injection or exfiltration intent was found.
Partagez le rapport d’évaluation versionné, le badge neutre, la carte intégrable et les citations. Skillstore présente les preuves sans décider si ce Skill est sûr.
https://skillstore.io/skills/calel33-tailwind-css-v4-mastery/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/calel33-tailwind-css-v4-mastery?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/calel33-tailwind-css-v4-mastery?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/calel33-tailwind-css-v4-mastery/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/calel33-tailwind-css-v4-mastery.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Calel33. (2026). Tailwind CSS V4 Mastery security audit report (audit version 10) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/calel33-tailwind-css-v4-mastery/audits/10@techreport{calel33-calel33-tailwind-css-v4-mastery-2026,
author = {Calel33},
title = {Tailwind CSS V4 Mastery security audit report (audit version 10)},
institution = {Skillstore},
year = {2026},
number = {10},
url = {https://skillstore.io/skills/calel33-tailwind-css-v4-mastery/audits/10},
note = {Author version 1.0.0}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "Tailwind CSS V4 Mastery security audit report (audit version 10)"
version: "1.0.0"
type: report
authors:
- name: "Calel33"
date-released: "2026-07-19"
url: "https://skillstore.io/skills/calel33-tailwind-css-v4-mastery/audits/10"
identifiers:
- type: other
value: "skillstore:calel33-tailwind-css-v4-mastery:audit:10"
description: "Skillstore immutable audit report identifier"
Planifier une mise à niveau de Tailwind v3 vers v4, identifier les breaking changes et définir les étapes de validation.
Créer des variables de thème CSS-first, des conventions de composants et des modèles de style adaptés aux marques.
Choisir la bonne intégration Tailwind V4 et mesurer les améliorations de build, de rechargement et de taille CSS.
Explique les changements les plus importants de Tailwind CSS V4 pour mon projet. Couvre la configuration CSS-first, les exigences navigateur et les risques courants de migration.
Aide-moi à planifier une migration de Tailwind v3 vers v4. Demande-moi mon outil de build, ma configuration personnalisée, mes cibles navigateur et mes composants avant de donner les étapes.
Conçois un système de thème Tailwind CSS V4 pour une bibliothèque de composants. Inclus une stratégie de variables, le nommage des composants, le dark mode et les étapes de validation.
Audite ma configuration de performance Tailwind CSS V4. Compare les choix Vite, PostCSS et CLI, puis propose des étapes de mesure et d'optimisation.
Auteur
Calel33Licence
MIT
Version de l’auteur
v1.0.0
Révision Skillstore
r1
Réf
67e6747f5b57a33ea8c62a0043d8f2ef310189ab
Récence de maintenance
22/07/2026
Utilisation
15 téléchargements · 197 vues
Structure de fichiers
Recherche Web et contexte de code avec Exa
La recherche technique nécessite souvent des articles récents, de la documentation et des exemples fonctionnels provenant de nombreuses sources. Cette skill fournit des workflows basés sur Exa pour la recherche web, la découverte de code, la comparaison et l’affinement des requêtes.
Gérer les stacks Graphite CLI
Les pull requests empilées peuvent être difficiles à gérer avec de simples commandes Git. Cette skill fournit des workflows Graphite CLI directs pour créer, soumettre, synchroniser et restructurer des stacks.
Créer des applications Next.js 16
Les migrations vers Next.js 16 incluent des changements de rupture pour le routage, la mise en cache et l’outillage. Cette compétence fournit des workflows ciblés, des ressources de démarrage et des checklists de revue pour les projets modernes App Router.
Créer des applications React 19
React 19 modifie les formulaires, l’état asynchrone, les refs et les frontières serveur. Cette skill fournit à Claude, Codex et Claude Code des modèles pratiques pour les mises à niveau et les nouveaux projets.
Implémenter les transitions de vue React
par vercel-labs
Les transitions de vue React sont faciles à mal placer, ce qui entraîne des animations silencieuses ou gênantes. Cette skill guide les choix d’animations de routes, de Suspense, de listes et d’éléments partagés.
Créer des modèles d’e-mails React Email avec Resend
par resend
Créer des modèles d’e-mails prêts pour la production est difficile, car les clients de messagerie diffèrent. Cette skill guide Claude, Codex et Claude Code dans l’utilisation des composants React Email, l’envoi, le style, la localisation et les workflows d’éditeur.
Améliorer les pratiques TypeScript avec Vue 3
par hyf0
Les projets Vue TypeScript rencontrent souvent des erreurs déroutantes liées aux templates, au routeur et à Volar. Cette skill fournit à Codex, Claude et Claude Code des corrections ciblées pour Vue 3.
Améliorer les composants Vue Options API
par vuejs-ai
Les projets Vue Options API peuvent perdre la sécurité de typage et la liaison correcte de this. Cette skill fournit des modèles directs pour des composants Vue plus sûrs.
Créer des fonctionnalités frontend prêtes pour la production
par davila7
Les équipes frontend ont besoin de recommandations cohérentes sur React et Next.js dans l'ensemble de leurs projets. Cette compétence fournit des workflows de référence, des pratiques de qualité et des scripts utilitaires pour l'analyse frontend.
Optimiser les performances de React et Next.js
par vercel-labs
Les applications React et Next.js perdent souvent en vitesse à cause de waterfalls, de bundles volumineux et de re-renders évitables. Cette skill donne aux agents des règles concrètes pour des changements plus sûrs axés sur les performances.