Développement web et logiciel Point de vigilance Intermédiaire
shadcn
shadcn/ui
Composants d'interface shadcn/ui
Texte de fiche en cours de relecture : les informations techniques sont vérifiées, la rédaction n'est pas encore validée par un humain.
À quoi ça sert
Aide l'agent à ajouter, chercher, corriger et assembler des composants d'interface shadcn/ui dans ton projet, en lançant la ligne de commande shadcn à ta place.
Pour qui
Tu construis un site ou une appli avec React et Tailwind et tu veux des composants prêts à l'emploi.
Exemples de demandes
- « Ajoute un bouton, une boîte de dialogue et un formulaire shadcn à mon projet. »
- « Corrige le style de ce composant shadcn pour qu'il colle à mes couleurs. »
Limites
- Il faut un projet React avec Tailwind, sinon le skill n'a rien à configurer.
- Il lance des commandes npx shadcn@latest, donc il faut Node et une connexion internet.
- État orange : l'analyse a relevé une anomalie mineure à examiner avant d'installer.
- Il s'invoque surtout tout seul quand l'agent détecte un projet shadcn, pas par une commande dédiée.
Installer ce skill
Prérequis : Projet React + Tailwind
Copie la commande, colle-la dans ton terminal (Mac) ou PowerShell (Windows), puis confirme toi-même quand le programme te le demande.
Commande (dernière version publiée)
npx skills add https://github.com/shadcn/ui --skill shadcn -a claude-codeIl 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é).
Commande figée sur la version vérifiée
Commande figée sur la version vérifiée
npx skills add shadcn/ui@42f3bb63b46a69e52a24bd005cdc9ec15ba7a7b9 --skill shadcn -a claude-codeCommande vérifiée sur la documentation, pas encore essayée par Neurylio.
Avant d'installer. Lis le fichier SKILL.md sur GitHub, vérifie d'où vient le skill et ce qu'il peut faire. Les leçons du module 7 t'expliquent comment :