Compétence incluse dans le dépôt shadcn/ui : lorsque l'agent ajoute des composants, consulte la documentation, applique des préréglages ou des directives de marque dans un projet contenant components.json, il utilise d'abord la CLI shadcn pour lire la configuration du projet et les composants installés, puis écrit l'interface selon un ensemble fixe de règles de composition et de style.
Installations de skills.sh 127430 (+1516 / 24h)
Audit de sécurité : Non audité
- Pas encore scanné
Justification
- Les règles sont énumérées une par une avec des exemples corrects et incorrects : className gère uniquement la mise en page, ne surcharge pas les couleurs ni les polices ; utilisez flex + gap au lieu de space-y-* ; utilisez FieldGroup + Field pour les formulaires ; Dialog / Sheet / Drawer doivent avoir un titre ; les boutons n'ont pas de prop isLoading, utilisez une combinaison avec Spinner
- Avant d'écrire un composant, exécutez npx shadcn@latest docs <composant> pour obtenir la documentation et les liens vers les exemples ; pour mettre à jour les composants installés, utilisez d'abord --dry-run et --diff pour voir les différences avant de fusionner
- Si l'utilisateur ne précise pas depuis quel registre ajouter un composant, demandez-lui, ne devinez pas ; vérifiez les chemins d'importation codés en dur dans les fichiers installés depuis des registres communautaires
- Installations de skills.sh sur 24 heures : 1516, cumulatif : 127430 (représente uniquement l'attention portée)
Utilisation
- Dans les projets contenant components.json, les demandes impliquant shadcn déclenchent automatiquement la compétence (user-invocable: false, ne peut pas être appelée manuellement)
- Exécutez shadcn@latest via npx / pnpm dlx / bunx selon le gestionnaire de paquets du projet ; pour appliquer un préréglage, utilisez init --preset <code> ou apply <code>
Risques
- Non audité pour cette période, classé C fixe, les commandes d'installation ne sont pas affichées
- Le début de SKILL.md utilise !`npx shadcn@latest info --json` pour injecter des informations sur le projet ; dans les clients supportant cette syntaxe, la commande s'exécute dès le chargement de la compétence, utilisant une version non épinglée @latest
- apply <préréglage> écrase les composants, polices et variables CSS détectés ; les composants des registres communautaires sont du code tiers