Superdesign

Stuurt de Superdesign CLI aan om uw UI te reproduceren, en vervolgens te vertakken, op een design canvas.

Door superdesigndev · superdesigndev/superdesign-skill

Tested · Didn't pass

Superdesign — Stuurt de Superdesign CLI aan om uw UI te reproduceren, en vervolgens te vertakken, op een design canvas.

Wat het doet

Omhult het @superdesign/cli gehoste design canvas: analyseert de repo in .superdesign/init/, creëert een pixel-perfecte reproductieconcept van een bestaande pagina, en vertakt vervolgens visuele varianten en volledige paginastromen. Activeert bij redesign, design-system extractie, UI varianten en multi-pagina flow verzoeken; expliciet niet voor alleen implementatiewerk. Vereist een Superdesign account en een interactieve browser login voordat commando's worden uitgevoerd.

Testrapport

Taak: extraheer een designsysteem uit een repository en creëer een conceptpagina via CLI, zoals voorgeschreven door SKILL.md. Installatie was eerlijk: `npx --yes @superdesign/cli@latest --version` retourneerde daadwerkelijk 0.5.1, bestanden references/SUPERDESIGN.md (551 regels) en references/INIT.md (158 regels) waren aanwezig na kopiëren. Maar toen een muur: zowel `list-design-systems` als `create-project --title "SkillProof test"` retourneerden `✗ Not authenticated. Run superdesign login first.` — een account en interactieve browser login zijn nodig, dus ik heb de design output zelf NIET gecontroleerd en ken er geen punten voor toe (output=3 — dit is alleen wat daadwerkelijk gemeten is tot aan de autorisatiemuur). Baseline zonder skill (de agent vragen om handmatig HTML-varianten te lay-outen) geeft code, maar geen canvas concepten, dus een inhoudelijke vergelijking is onmogelijk. Afzonderlijk opgemerkt: CLI schrijft `SuperDesign collects anonymous CLI usage; set DO_NOT_TRACK=1 to disable` bij opstarten, en bronnen en `--user-request` gaan volgens documentatie naar SuperDesign servers — dit is een vermelde productfunctie en wordt bekendgemaakt in references/SUPERDESIGN.md, geen verborgen exfiltratie.

Getest op: 2026-07-16 · Claude Code 2.x (agent harness)

Installatie

git clone https://github.com/superdesigndev/superdesign-skill.git
mkdir -p ~/.claude/skills
cp -r superdesign-skill/skills/superdesign ~/.claude/skills/superdesign

Commando's en voorbeeldprompts

  • /superdesignStuurt de Superdesign CLI aan om uw UI te reproduceren, en vervolgens te vertakken, op een design canvas.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • 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