Superdesign
Drives the Superdesign CLI to reproduce, then branch, your UI on a design canvas
Test report
- Verdict
- Tested · Didn't pass
- Tested
- Jul 16, 2026
- Environment
- Claude Code 2.x (agent harness)
- Upstream re-checked
- Aug 10, 2026 · 02ba587
Task: extract a design system from a repository and create a draft page via CLI, as prescribed by SKILL.md. Installation was honest: `npx --yes @superdesign/cli@latest --version` actually returned 0.5.1, files references/SUPERDESIGN.md (551 lines) and references/INIT.md (158 lines) were in place after copying. But then a wall: both `list-design-systems` and `create-project --title "SkillProof test"` returned `✗ Not authenticated. Run superdesign login first.` — an account and interactive browser login are needed, so I DID NOT check the design output itself and do not assign points for it (output=3 — this is only what was actually measured up to the authorization wall). Baseline without skill (asking the agent to manually layout HTML variants) outputs code, but not canvas drafts, so a substantive comparison is impossible. Separately noted: CLI writes `SuperDesign collects anonymous CLI usage; set DO_NOT_TRACK=1 to disable` on startup, and sources and `--user-request` according to documentation go to SuperDesign servers — this is a stated product feature and it is disclosed in references/SUPERDESIGN.md, no hidden exfiltration.
Scored on four weighted criteria — install, triggering, output vs. baseline, docs. How scoring works
- Installs cleanly 5/5
- Triggers reliably 5/5
- Output vs. baseline 3/10
- Docs & honesty 4/5
What Superdesign does
Wraps the @superdesign/cli hosted design canvas: analyzes the repo into .superdesign/init/, creates a pixel-perfect reproduction draft of an existing page, then branches visual variants and whole page flows. Triggers on redesign, design-system extraction, UI variants and multi-page flow requests; explicitly not for implementation-only work. Requires a Superdesign account and an interactive browser login before any command runs.
How to install Superdesign
git clone https://github.com/superdesigndev/superdesign-skill.git
mkdir -p ~/.claude/skills
cp -r superdesign-skill/skills/superdesign ~/.claude/skills/superdesign
Skills live in ~/.claude/skills/ (global) or .claude/skills/
(per-project). Restart Claude Code after installing.
Commands — how to trigger Superdesign
-
/superdesignDrives the Superdesign CLI to reproduce, then branch, your UI on a design canvas
It also activates on plain-language prompts like these:
-
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
Frequently asked questions
- Is the Superdesign skill free?
- Yes. The skill itself is free from superdesigndev/superdesign-skill. SkillProof publishes the install command and an independent test verdict at no cost.
- Does Superdesign work with Claude Code?
- We tested it with Claude Code 2.x (agent harness) on Jul 16, 2026. Verdict: Tested · Didn't pass. Task: extract a design system from a repository and create a draft page via CLI, as prescribed by SKILL.md. Installation was honest: `npx --yes @superdesign/cli@latest --version` actually returned 0.5.1, files references/SUPERDESIGN.md (551 lines) and references/INIT.md (158 lines) were in place after copying. But then a wall: both `list-design-systems` and `create-project --title "SkillProof test"` returned `✗ Not authenticated. Run superdesign login first.` — an account and interactive browser login are needed, so I DID NOT check the design output itself and do not assign points for it (output=3 — this is only what was actually measured up to the authorization wall). Baseline without skill (asking the agent to manually layout HTML variants) outputs code, but not canvas drafts, so a substantive comparison is impossible. Separately noted: CLI writes `SuperDesign collects anonymous CLI usage; set DO_NOT_TRACK=1 to disable` on startup, and sources and `--user-request` according to documentation go to SuperDesign servers — this is a stated product feature and it is disclosed in references/SUPERDESIGN.md, no hidden exfiltration.
- How do I install Superdesign?
- Copy the install command from this page, run it in your terminal, and restart Claude Code. Skills live in ~/.claude/skills/ (global) or .claude/skills/ inside a project.
- Can I use Superdesign with Cursor, Copilot, Gemini CLI, Codex or other AI tools?
- The SKILL.md format is native to Claude (Claude Code, Desktop, claude.ai). The instructions inside adapt to other assistants: Cursor rules, GitHub Copilot instructions, Windsurf rules, Custom GPTs, AGENTS.md for OpenAI Codex, and GEMINI.md for Google Gemini CLI — our conversion guides cover each, and the free converter on the tools page does the wrapping for you.