Superdesign
Guida la Superdesign CLI per riprodurre, quindi ramificare, la tua UI su una tela di design
Tested · Didn't pass
Cosa fa
Avvolge la tela di design ospitata da @superdesign/cli: analizza il repo in .superdesign/init/, crea una bozza di riproduzione pixel-perfect di una pagina esistente, quindi ramifica varianti visive e interi flussi di pagina. Si attiva su richieste di redesign, estrazione di design system, varianti UI e flussi multi-pagina; esplicitamente non per lavori di sola implementazione. Richiede un account Superdesign e un login interattivo del browser prima dell'esecuzione di qualsiasi comando.
Rapporto di test
Task: estrarre un design system da un repository e creare una bozza di pagina tramite CLI, come prescritto da SKILL.md. L'installazione è stata onesta: `npx --yes @superdesign/cli@latest --version` ha effettivamente restituito 0.5.1, i file references/SUPERDESIGN.md (551 righe) e references/INIT.md (158 righe) erano a posto dopo la copia. Ma poi un ostacolo: sia `list-design-systems` che `create-project --title "SkillProof test"` hanno restituito `✗ Not authenticated. Run superdesign login first.` — sono necessari un account e un login interattivo del browser, quindi NON ho controllato l'output di design stesso e non assegno punti per esso (output=3 — questo è solo ciò che è stato effettivamente misurato fino al muro di autorizzazione). La baseline senza skill (chiedendo all'agente di layoutare manualmente varianti HTML) produce codice, ma non bozze su canvas, quindi un confronto sostanziale è impossibile. Notato separatamente: la CLI scrive `SuperDesign collects anonymous CLI usage; set DO_NOT_TRACK=1 to disable` all'avvio, e le fonti e `--user-request` secondo la documentazione vanno ai server SuperDesign — questa è una funzionalità dichiarata del prodotto ed è divulgata in references/SUPERDESIGN.md, nessuna esfiltrazione nascosta.
Testato il: 2026-07-16 · Claude Code 2.x (agent harness)
Installazione
git clone https://github.com/superdesigndev/superdesign-skill.git mkdir -p ~/.claude/skills cp -r superdesign-skill/skills/superdesign ~/.claude/skills/superdesign
Comandi e prompt di esempio
/superdesignGuida la Superdesign CLI per riprodurre, quindi ramificare, la tua UI su una tela di design
Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):
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