Skip to content
Free and open to everyone. The lessons keep improving thanks to your feedback.
Language : EN

Web and software development Point of caution Intermediate

shadcn

shadcn/ui

Composants d'interface shadcn/ui

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 à ajouter, chercher, corriger et assembler des composants d'interface shadcn/ui dans ton projet, en lançant la ligne de commande shadcn à ta place.

Who it is for

Tu construis un site ou une appli avec React et Tailwind et tu veux des composants prêts à l'emploi.

Example requests

  • « 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. »

Limits

  • 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.

Install this skill

Prerequisites : Projet React + Tailwind

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/shadcn/ui --skill shadcn -a claude-code

The 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 shadcn/ui@42f3bb63b46a69e52a24bd005cdc9ec15ba7a7b9 --skill shadcn -a claude-code

Command 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:

Back to the library