Vous passez tailwindcss en v4 et le build s'arrête avec "It looks like you're trying to use tailwindcss directly as a PostCSS plugin". Vous corrigez cela, et maintenant le bouton du mode sombre ne fait plus rien car v4 ne charge jamais votre tailwind.config.js, chaque overlay bg-opacity-50 est opaque, et le composant Vue avec @apply échoue avec "Cannot apply unknown utility class". Ce skill détecte ces restes et les autres listés ci-dessous en une seule passe, et vous indique comment corriger chacun d'eux.

Votre agent lance un scanner sur vos fichiers package.json, vos configurations PostCSS et Vite, vos fichiers tailwind.config, browserslist, vos feuilles de style (CSS, Sass, Less, Stylus), vos composants Vue, Svelte et Astro avec leurs blocs de style, React et tout autre code JavaScript ou TypeScript, ainsi que les templates de type HTML (Blade, ERB, Twig, Liquid, Nunjucks et d'autres). Il détermine la version de Tailwind CSS de chaque app à partir de son package.json, de sorte qu'un monorepo dont une app est encore en v3 est vérifié app par app, et le code v3 n'est signalé qu'une fois cette app mise à niveau. Il lit les noms de classes dans les attributs class et className, les liaisons de classes Vue, Angular et Astro, cn(), clsx(), cva(), twMerge() et @apply, et ignore les commentaires, les exemples de code, node_modules, la sortie de build et le CSS généré. Il ne lance jamais de build et n'installe rien. Il renvoie BLOCK, REVIEW ou NOT FLAGGED, avec le fichier, la ligne, la raison et une approche plus sûre, et chaque règle renvoie vers la documentation officielle de Tailwind CSS sur laquelle elle s'appuie. Les secrets ne sont jamais affichés.

Ce qui est vérifié

BLOCK (à corriger avant la livraison)

• T01 : tailwindcss utilisé comme plugin PostCSS ou Vite (y compris dans le champ postcss de package.json), tailwindcss/nesting, et les scripts qui lancent la commande tailwindcss de v3 sans @tailwindcss/cli
• T02 : @tailwind base et components, @screen, screen() et les imports de tailwindcss/base ou tailwindcss/components
• T03 : un tailwind.config.js qu'aucun @config ne charge et dont les paramètres n'ont pas encore d'équivalent CSS (darkMode, plugins, chemins content, prefix, presets), ainsi que les options safelist, corePlugins et separator que v4 ne prend pas en charge
• T04 : les classes bg-, text-, border-, divide-, ring- et placeholder-opacity, et les variables CSS entre crochets comme bg-[--brand]
• T05 : @apply d'utilitaires du thème, y compris vos propres couleurs, polices et breakpoints @theme, dans les blocs de style Vue, Svelte ou Astro, les modules CSS, les styles de composants Angular et les feuilles de style importées depuis le code des composants, sans @reference ; et @apply de classes définies dans @layer au lieu de @utility

REVIEW (à vérifier avant la publication)

• T11 : les apps qui utilisent Tailwind CSS mais ne sont pas encore en v4 (v3 dans package.json, le Play CDN de v3, ou aucune version trouvée)
• T12 : les classes qui fonctionnent encore mais ont un rendu différent ou sont dépréciées : ring, outline-none sans style de focus, shadow-sm, rounded-sm et blur-sm dans un projet qui utilise encore les noms simples de v3 de ces échelles, flex-grow, flex-shrink, overflow-ellipsis, decoration-slice et decoration-clone
• T13 : les bordures sans couleur (désormais la couleur du texte au lieu du gris) lorsqu'aucun style de base ne rétablit l'ancienne couleur
• T14 : theme() avec le chemin à points de v3, comme theme(colors.gray.200)
• T15 : les classes personnalisées dans @layer utilities (pas de variantes hover:, md: ou dark: en v4)
• T16 : les navigateurs cibles plus anciens que Safari 16.4, Chrome 111 ou Firefox 128 dans browserslist ou build.target de Vite, et @vitejs/plugin-legacy
• T17 : les plugins Tailwind dans package.json sans ligne @plugin, les plugins container-queries et line-clamp que v4 intègre déjà, et Flowbite ou Preline sans ligne @source
• T18 : les at-rules de Tailwind v4 dans des fichiers Sass, Less ou Stylus
• T19 : un tailwind.config.js que rien ne charge et qui ressemble à un reste (ses paramètres se trouvent déjà dans @theme, @custom-variant, @plugin ou @source, ou il ne contient que des valeurs de thème)

Ce qui est inclus

• Le scanner (Python 3.9+, bibliothèque standard uniquement)
• Un guide des règles avec la raison, l'approche plus sûre et un lien vers la source officielle pour chaque règle
• Un projet d'exemple risqué et un sûr (une boutique Vue à mi-chemin de la mise à niveau, accompagnée d'une app d'administration en v3 et d'une configuration de documentation restante), ainsi que le rapport réel produit par le scanner sur le projet risqué

Limites

Il lit le texte des fichiers et n'exécute pas Tailwind, donc les classes construites à l'exécution (concaténation de chaînes, valeurs provenant d'un CMS) et ce que donne une configuration JS chargée une fois résolue ne sont pas vus. Les changements liés à prefix, au modificateur important, à l'ordre des variantes, à space-between et aux dégradés ne sont pas vérifiés, et la version provient de la plage indiquée dans package.json, pas du fichier de verrouillage. Les règles sur le sens modifié, les bordures, les plugins et la configuration restante sont des indices à confirmer dans le navigateur. NOT FLAGGED n'est pas une garantie.

Contenu

Un fichier ZIP contenant 30 fichiers : SKILL.md, le scanner dans scripts/ (6 fichiers Python), references/rules.md (chaque règle avec sa raison et une approche plus sûre) et examples/ (21 fichiers d'exemple plus report.md, la sortie réelle du scanner sur l'exemple risqué).

Utilisation : il s'agit d'un skill d'agent : un dossier contenant un fichier SKILL.md et des scripts Python qu'un agent de programmation IA comme Claude Code, Cursor ou Codex CLI peut exécuter. Décompressez-le dans le dossier des skills de votre agent (pour Claude Code : ~/.claude/skills/), puis demandez à votre agent de vérifier votre projet. Les scripts fonctionnent aussi de manière autonome avec Python 3.9 ou plus récent, sans rien à installer. Ils se contentent de lire vos fichiers : aucun accès réseau, et rien n'est envoyé nulle part.