Assistant UI shadcn-svelte

Ce que fait ce skill

Ce skill permet à un agent de travailler avec le système de design shadcn-svelte pour Svelte : il explique le contexte du projet, les imports recommandés et la composition des composants, impose les règles de style et d'accessibilité, et fournit des flux de travail pilotés par le CLI pour ajouter ou mettre à jour des composants. Il se concentre explicitement sur l'utilisation du CLI shadcn-svelte (exécutables npx/pnpm/bunx), la lecture des alias components.json du projet, et s'assure que la composition des composants suit les conventions du package.

Quand l'utiliser

Utilisez ce skill lorsque vous devez ajouter ou mettre à jour des composants UI dans un projet Svelte utilisant shadcn-svelte, lorsque vous devez corriger des problèmes de style ou de composition, ou lors de l'exécution du CLI pour initialiser/ajouter/mettre à jour des composants. Les déclencheurs incluent des tâches comme shadcn-svelte init, add component, des URL de registre, ou lorsque le dépôt contient un mappage d'alias components.json.

Ce qui est inclus

• Scripts : aucun script intégré au skill (has_scripts=false)
• Références : documents du dépôt et fichiers de règles (has_references=false mais de nombreux documents de règles liés existent dans le dépôt)
• Instructions : directives détaillées sur les imports, les barrels multi-parties vs composants uniques, les règles de style critiques (utiliser les tokens sémantiques, cn(), gap-* et non space-*), les règles de formulaires et de composition, et les modèles d'utilisation du CLI.

Agents compatibles

Idéal avec des agents capables d'exécuter des commandes shell et de lire des fichiers de dépôt (agents Copilot/Codex/compatibles GitHub CLI).