Ir al contenido
Curso gratuito y abierto a todos. Las lecciones mejoran gracias a tus comentarios.
Idioma : ES

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-code

El 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-code

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

Volver a la biblioteca