Superdesign
Steuert das Superdesign CLI, um Ihre UI auf einer Design-Canvas zu reproduzieren und dann zu verzweigen.
Tested · Didn't pass
Was es kann
Umschließt die gehostete Design-Canvas des @superdesign/cli: analysiert das Repo in .superdesign/init/, erstellt einen pixelgenauen Reproduktionsentwurf einer bestehenden Seite und verzweigt dann visuelle Varianten und ganze Seitenabläufe. Wird ausgelöst bei Redesign, Designsystem-Extraktion, UI-Varianten und Multi-Page-Flow-Anfragen; explizit nicht für reine Implementierungsarbeiten. Erfordert ein Superdesign-Konto und einen interaktiven Browser-Login, bevor Befehle ausgeführt werden.
Testbericht
Aufgabe: ein Designsystem aus einem Repository extrahieren und eine Entwurfsseite über CLI erstellen, wie in SKILL.md vorgeschrieben. Die Installation war ehrlich: `npx --yes @superdesign/cli@latest --version` gab tatsächlich 0.5.1 zurück, die Dateien references/SUPERDESIGN.md (551 Zeilen) und references/INIT.md (158 Zeilen) waren nach dem Kopieren vorhanden. Dann aber eine Hürde: sowohl `list-design-systems` als auch `create-project --title "SkillProof test"` gaben `✗ Not authenticated. Run superdesign login first.` zurück — ein Konto und ein interaktiver Browser-Login sind erforderlich, daher habe ich die Designausgabe selbst NICHT überprüft und vergebe dafür keine Punkte (output=3 — dies ist nur das, was tatsächlich bis zur Autorisierungswand gemessen wurde). Baseline ohne Skill (den Agenten bitten, HTML-Varianten manuell zu layouten) gibt Code aus, aber keine Canvas-Entwürfe, daher ist ein substanzieller Vergleich unmöglich. Separat vermerkt: CLI schreibt `SuperDesign collects anonymous CLI usage; set DO_NOT_TRACK=1 to disable` beim Start, und Quellen und `--user-request` gehen laut Dokumentation an SuperDesign-Server — dies ist eine erklärte Produktfunktion und wird in references/SUPERDESIGN.md offengelegt, keine versteckte Exfiltration.
Getestet am: 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
Befehle & Beispiel-Prompts
/superdesignSteuert das Superdesign CLI, um Ihre UI auf einer Design-Canvas zu reproduzieren und dann zu verzweigen.
Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):
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