Superdesign

Pilote la CLI Superdesign pour reproduire, puis ramifier, votre UI sur un canevas de conception

par superdesigndev · superdesigndev/superdesign-skill

Tested · Didn't pass

Superdesign — Pilote la CLI Superdesign pour reproduire, puis ramifier, votre UI sur un canevas de conception

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 variants
  • Extract my repo's design system into a canvas I can iterate on
  • Create alternate visual variants of this whole page flow for review