Web and software development Checked against documentation Intermediate
tailwind-design-system
wshobson/agents
Système de design avec Tailwind
The skill descriptions are in French for now. The interface is in English; the pages will be translated later.
This description is still being proofread: the technical information is checked, the wording has not yet been validated by a human.
What it does
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.
Who it is for
Pour toi qui crées un site ou une appli avec Tailwind et veux des composants cohérents d'une page à l'autre.
Example requests
- « 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. »
Limits
- 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.
Install this skill
Prerequisites : Tailwind CSS
Copy the command, paste it into your terminal (Mac) or PowerShell (Windows), then confirm yourself when the program asks.
Command (latest published version)
npx skills add https://github.com/wshobson/agents --skill tailwind-design-system -a claude-codeThe npx command needs Node.js 22.20 or later. Windows : si la création de liens échoue : ajouter --copy (non testé).
Command pinned to the checked version
Command pinned to the checked version
npx skills add wshobson/agents@4bde3168b43c0655c4d00ea2726e631719908a6d --skill tailwind-design-system -a claude-codeCommand checked against the documentation, not yet tried by Neurylio.
Before installing. Read the SKILL.md file on GitHub, check where the skill comes from and what it can do. The lessons of module 7 explain how: