Le dossier skill/ du package @ds-autonomie/web-components contient les instructions à fournir à votre IA pour qu'elle intègre correctement les composants DSA (accessibilité, attributs obligatoires, anti-patterns).
- skill/SKILL.md : fichier principal à charger dans le contexte de votre assistant
- skill/references/ : références détaillées chargées à la demande (installation, design tokens, catalogue complet, tableau, classes CSS, précisions par composant)
Installation du skill
Exemples d’utilisation de la CLI install-skill
# Détection automatique du dossier d'agent (.claude, .opencode, .agents)
npx @ds-autonomie/web-components install-skill
# Cible explicite
npx @ds-autonomie/web-components install-skill --agent claude
npx @ds-autonomie/web-components install-skill --to ~/.agents/skills/dsa-design-system
# Lien symbolique (auto-update à chaque upgrade du package)
npx @ds-autonomie/web-components install-skill --symlink --agent agents
Options principales :
- --to <dir> : chemin de destination explicite
- --agent <claude|opencode|agents> : convention de chemin
- --user : installer dans ~/… au lieu du projet
- --symlink : lien symbolique au lieu d'une copie
- -f, --force : écraser une installation existante
- -h, --help : voir toutes les options
Fallback manuel (sans la CLI, pour les agents compatibles ~/.agents/skills/) :
mkdir -p ~/.agents/skills/dsa-design-system
cp -R node_modules/@ds-autonomie/web-components/dist/skill/. ~/.agents/skills/dsa-design-system/