tailwind-design-system

À quoi ça sert

Aide l'agent à construire un système de design avec Tailwind CSS version 4 : couleurs et réglages communs, composants réutilisables, thème sombre, pages adaptées au mobile et accessibles.

Pour qui

Pour toi qui crées un site ou une appli avec Tailwind et veux des composants cohérents d'une page à l'autre.

Exemples de demandes

• « Crée une bibliothèque de boutons et de cartes avec Tailwind v4. »
• « Mets en place un thème clair et sombre pour mon site. »
• « Migre ma configuration Tailwind v3 vers la v4. »

Limites

• Il vise Tailwind CSS v4 ; pour un projet en v3, le skill renvoie au guide de mise à niveau.
• Il suppose un projet qui utilise déjà Tailwind.
• Les exemples de composants sont des bases à adapter à ton design.

Installer ce skill

Prérequis : Tailwind CSS

Copie la commande, colle-la dans ton terminal (Mac) ou PowerShell (Windows), puis confirme toi-même quand le programme te le demande.

npx skills add https://github.com/wshobson/agents --skill tailwind-design-system -a claude-code

Il faut Node.js 22.20 ou plus récent pour la commande npx. Windows : si la création de liens échoue : ajouter --copy (non testé).

npx skills add wshobson/agents@4bde3168b43c0655c4d00ea2726e631719908a6d --skill tailwind-design-system -a claude-code

Commande vérifiée sur la documentation, pas encore essayée par Neurylio.