Superdesign
Driver Superdesign CLI för att reproducera, sedan förgrena, ditt UI på en designyta.
Tested · Didn't pass
Vad den gör
Omsluter den @superdesign/cli-hostade designytan: analyserar repot till .superdesign/init/, skapar ett pixelperfekt reproduktionsutkast av en befintlig sida, förgrenar sedan visuella varianter och hela sidflöden. Utlöses vid omdesign, designsystemextraktion, UI-varianter och förfrågningar om flersidiga flöden; uttryckligen inte för endast implementeringsarbete. Kräver ett Superdesign-konto och en interaktiv webbläsarlogin innan något kommando körs.
Testrapport
Uppgift: extrahera ett designsystem från ett repository och skapa en utkastssida via CLI, som föreskrivs av SKILL.md. Installationen var ärlig: `npx --yes @superdesign/cli@latest --version` returnerade faktiskt 0.5.1, filerna references/SUPERDESIGN.md (551 rader) och references/INIT.md (158 rader) var på plats efter kopiering. Men sedan en vägg: både `list-design-systems` och `create-project --title "SkillProof test"` returnerade `✗ Not authenticated. Run superdesign login first.` — ett konto och en interaktiv webbläsarlogin behövs, så jag kontrollerade INTE själva designutdata och tilldelar inga poäng för det (output=3 — detta är bara vad som faktiskt mättes upp till auktoriseringsväggen). Baslinjen utan skill (att be agenten att manuellt layouta HTML-varianter) ger kod, men inte canvas-utkast, så en substantiell jämförelse är omöjlig. Separat noterat: CLI skriver `SuperDesign collects anonymous CLI usage; set DO_NOT_TRACK=1 to disable` vid start, och källor och `--user-request` enligt dokumentationen går till SuperDesign-servrar — detta är en angiven produktfunktion och det avslöjas i references/SUPERDESIGN.md, ingen dold exfiltrering.
Testad: 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
Kommandon och exempelprompter
/superdesignDriver Superdesign CLI för att reproducera, sedan förgrena, ditt UI på en designyta.
Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):
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