SkillUI
CLI (`npm i -g skillui`) qui analyse statiquement un site, un repo ou un codebase local et en extrait tout le design system : couleurs, typographie, espacements, composants, captures d'écran. Le tout est rangé dans un dossier que Claude Code lit comme un skill. Aucune clé API, aucune IA dans l'extraction. Deux modes : par défaut, une analyse statique du HTML et du CSS (`skillui --url https://notion.so`, ou `--dir` sur un dossier local, `--repo` sur un dépôt) ; avec `--mode ultra`, il pilote la page dans Playwright (à installer à part, `npm install playwright`) pour prendre des captures au défilement, comparer les états après interaction et repérer les animations, ce qu'une lecture du CSS ne voit pas. L'inverse d'un générateur d'UI : au lieu de créer une interface, SkillUI rétro-conçoit le design system d'une interface existante pour le rendre lisible par l'agent.
Forces
- Extrait un design system complet (couleurs, typo, espacements, composants) depuis un site ou un repo
- Pas de clé API ni d'IA : le mode statique est reproductible, le mode ultra ajoute le mouvement et les interactions via Playwright
- Produit directement un skill que Claude Code consomme, sans étape manuelle
Limites
- Projet indé mono-mainteneur récent : maturité et maintenance à surveiller
- L'extraction statique capture le rendu, pas l'intention : un système incohérent ressort incohérent
Pour qui
- Un designer ou DS manager qui veut que l'agent code dans la charte exacte du produit
- Un dev qui doit répliquer le style d'un site de référence sans le reconstruire à la main
- Une équipe qui veut figer ses tokens dans un skill réutilisable par Claude Code