Desarrollo web y de software Punto de atención Intermedio
shadcn
shadcn/ui
Composants d'interface shadcn/ui
Por ahora, las descripciones de los skills están en francés. La interfaz está en español; las fichas se traducirán más adelante.
Texto de ficha en revisión: la información técnica está verificada, la redacción aún no la ha validado una persona.
Para qué sirve
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.
Para quién
Tu construis un site ou une appli avec React et Tailwind et tu veux des composants prêts à l'emploi.
Ejemplos de peticiones
- « 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. »
Límites
- 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.
Instalar este skill
Requisitos : Projet React + Tailwind
Copia el comando, pégalo en tu terminal (Mac) o en PowerShell (Windows) y confirma tú mismo cuando el programa te lo pida.
Comando (última versión publicada)
npx skills add https://github.com/shadcn/ui --skill shadcn -a claude-codeEl comando npx necesita Node.js 22.20 o posterior. Windows : si la création de liens échoue : ajouter --copy (non testé).
Comando fijado en la versión verificada
Comando fijado en la versión verificada
npx skills add shadcn/ui@42f3bb63b46a69e52a24bd005cdc9ec15ba7a7b9 --skill shadcn -a claude-codeComando verificado con la documentación, aún no probado por Neurylio.
Antes de instalar. Lee el archivo SKILL.md en GitHub, comprueba de dónde viene el skill y qué puede hacer. Las lecciones del módulo 7 te explican cómo: