Superdesign

Driver Superdesign CLI til at reproducere, derefter forgrene, din UI på et designlærred

Af superdesigndev · superdesigndev/superdesign-skill

Tested · Didn't pass

Superdesign — Driver Superdesign CLI til at reproducere, derefter forgrene, din UI på et designlærred

Hvad det gør

Indkapsler @superdesign/cli hostede designlærred: analyserer repoet til .superdesign/init/, skaber et pixel-perfekt reproduktionsudkast af en eksisterende side, forgrener derefter visuelle varianter og hele sideflows. Udløses ved redesign, designsystem-ekstraktion, UI-varianter og anmodninger om multi-side-flows; eksplicit ikke til kun implementeringsarbejde. Kræver en Superdesign-konto og et interaktivt browser-login, før nogen kommando kører.

Testrapport

Opgave: udtræk et designsystem fra et repository og opret en udkastside via CLI, som foreskrevet af SKILL.md. Installationen var ærlig: `npx --yes @superdesign/cli@latest --version` returnerede faktisk 0.5.1, filer references/SUPERDESIGN.md (551 linjer) og references/INIT.md (158 linjer) var på plads efter kopiering. Men så en mur: både `list-design-systems` og `create-project --title "SkillProof test"` returnerede `✗ Not authenticated. Run superdesign login first.` — en konto og interaktiv browser-login er nødvendig, så jeg KONTROLLEREDE IKKE selve designoutputtet og tildeler ikke point for det (output=3 — dette er kun, hvad der faktisk blev målt op til autorisationsmuren). Baseline uden skill (at bede agenten om manuelt at layoute HTML-varianter) outputter kode, men ikke canvas-udkast, så en substantiel sammenligning er umulig. Separat bemærket: CLI skriver `SuperDesign collects anonymous CLI usage; set DO_NOT_TRACK=1 to disable` ved opstart, og kilder og `--user-request` ifølge dokumentationen går til SuperDesign-servere — dette er en angivet produktfunktion, og det er oplyst i references/SUPERDESIGN.md, ingen skjult eksfiltrering.

Testet: 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

Kommandoer og eksempelprompter

  • /superdesignDriver Superdesign CLI til at reproducere, derefter forgrene, din UI på et designlærred

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):

  • 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