Superdesign
Řídí Superdesign CLI k reprodukci a následnému větvení vašeho UI na designovém plátně.
Tested · Didn't pass
Co umí
Obaluje hostované designové plátno @superdesign/cli: analyzuje repo do .superdesign/init/, vytváří pixelově přesný reprodukční návrh existující stránky, poté větví vizuální varianty a celé toky stránek. Spouští se na požadavky na redesign, extrakci designového systému, varianty UI a vícefázové toky stránek; explicitně není určeno pro práci pouze s implementací. Vyžaduje účet Superdesign a interaktivní přihlášení v prohlížeči před spuštěním jakéhokoli příkazu.
Testovací report
Úkol: extrahovat designový systém z repozitáře a vytvořit návrh stránky pomocí CLI, jak předepisuje SKILL.md. Instalace byla poctivá: `npx --yes @superdesign/cli@latest --version` skutečně vrátilo 0.5.1, soubory references/SUPERDESIGN.md (551 řádků) a references/INIT.md (158 řádků) byly na místě po zkopírování. Ale pak zeď: oba `list-design-systems` a `create-project --title "SkillProof test"` vrátily `✗ Not authenticated. Run superdesign login first.` — je potřeba účet Superdesign a interaktivní přihlášení v prohlížeči, takže jsem NEZKONTROLOVAL samotný designový výstup a nepřiděluji za něj body (output=3 — to je jen to, co bylo skutečně změřeno až po autorizační zeď). Základní verze bez skillu (požádání agenta o ruční rozložení HTML variant) vypisuje kód, ale ne návrhy plátna, takže podstatné srovnání je nemožné. Samostatně poznamenáno: CLI při spuštění píše `SuperDesign collects anonymous CLI usage; set DO_NOT_TRACK=1 to disable`, a zdroje a `--user-request` podle dokumentace jdou na servery SuperDesign — to je uvedená funkce produktu a je zveřejněna v references/SUPERDESIGN.md, žádná skrytá exfiltrace.
Testováno: 2026-07-16 · Claude Code 2.x (agent harness)
Instalace
git clone https://github.com/superdesigndev/superdesign-skill.git mkdir -p ~/.claude/skills cp -r superdesign-skill/skills/superdesign ~/.claude/skills/superdesign
Příkazy a ukázkové prompty
/superdesignŘídí Superdesign CLI k reprodukci a následnému větvení vašeho UI na designovém plátně.
Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):
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