superdesign
Installation
Summary
Design agent for frontend UI/UX creation, iteration, and component extraction on an infinite canvas.
- Analyzes your repo structure to build design context automatically, then generates and iterates design drafts with support for variations, themes, and multi-page flows
- Core commands cover project setup, faithful UI reproduction, design iteration in branch mode, component extraction and updates, and design system configuration
- Requires mandatory initialization of
.superdesign/init/with component, layout, route, theme, and page dependency files before any design task - CLI must be installed globally and authenticated via
superdesign loginbefore running any commands
SKILL.md
SuperDesign helps you (1) find design inspirations/styles and (2) generate/iterate design drafts on an infinite canvas.
Core scenarios (what this skill handles)
- superdesign init — Analyze the repo and build UI context to
.superdesign/init/ - Help me design X (feature/page/flow)
- Set design system
- Help me improve design of X
Init: Repo Analysis
When .superdesign/init/ directory doesn't exist or is empty, you MUST automatically:
- Create the
.superdesign/init/directory - Fetch the init prompt from the URL below
- Follow the prompt instructions to analyze the repo and write context files