Superdesign
Pilote la CLI Superdesign pour reproduire, puis ramifier, votre UI sur un canevas de conception
Tested · Didn't pass
Ce que fait
Enveloppe le canevas de conception hébergé par @superdesign/cli : analyse le dépôt dans .superdesign/init/, crée un brouillon de reproduction pixel-parfait d'une page existante, puis ramifie les variantes visuelles et les flux de pages entiers. Se déclenche sur les demandes de refonte, d'extraction de système de conception, de variantes d'interface utilisateur et de flux multi-pages ; explicitement pas pour le travail d'implémentation uniquement. Nécessite un compte Superdesign et une connexion interactive via navigateur avant l'exécution de toute commande.
Rapport de test
Tâche : extraire un système de conception d'un dépôt et créer une page brouillon via CLI, comme prescrit par SKILL.md. L'installation a été honnête : `npx --yes @superdesign/cli@latest --version` a effectivement renvoyé 0.5.1, les fichiers references/SUPERDESIGN.md (551 lignes) et references/INIT.md (158 lignes) étaient en place après copie. Mais ensuite un obstacle : `list-design-systems` et `create-project --title "SkillProof test"` ont tous deux renvoyé `✗ Not authenticated. Run superdesign login first.` — un compte et une connexion interactive via navigateur sont nécessaires, donc je N'AI PAS vérifié la sortie de conception elle-même et n'ai pas attribué de points pour cela (output=3 — c'est seulement ce qui a été réellement mesuré jusqu'au mur d'autorisation). La base de référence sans compétence (demandant à l'agent de disposer manuellement des variantes HTML) produit du code, mais pas des brouillons de canevas, donc une comparaison substantielle est impossible. Noté séparément : la CLI écrit `SuperDesign collects anonymous CLI usage; set DO_NOT_TRACK=1 to disable` au démarrage, et les sources et `--user-request` selon la documentation vont aux serveurs SuperDesign — c'est une fonctionnalité produit déclarée et elle est divulguée dans references/SUPERDESIGN.md, pas d'exfiltration cachée.
Testé le: 2026-07-16 · Claude Code 2.x (agent harness)
Installation
git clone https://github.com/superdesigndev/superdesign-skill.git mkdir -p ~/.claude/skills cp -r superdesign-skill/skills/superdesign ~/.claude/skills/superdesign
Commandes et exemples de prompts
/superdesignPilote la CLI Superdesign pour reproduire, puis ramifier, votre UI sur un canevas de conception
Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :
Reproduce this page pixel-perfect on a design canvas, then branch variantsExtract my repo's design system into a canvas I can iterate onCreate alternate visual variants of this whole page flow for review