superdesign
Installation
SKILL.md
Superdesign helps you find design inspiration and generate or iterate design drafts on an infinite canvas, with multiple leading models available for different design tasks and side-by-side exploration. When a design needs a new visual asset, it can also provide image and video generation.
Core scenarios (what this skill handles)
- Analyze a codebase for design work —
superdesign initbuilds reusable UI context in.superdesign/init/; read INIT.md. - Design, reproduce, or improve UI — create pages, features, flows, and new products on the canvas; read SUPERDESIGN.md.
- Choose and compare leading design models — run
list-models, select a model suited to the task, or use different models to explore independent directions. - Create design systems and reusable components — establish visual foundations, extract patterns, and design connected multi-page experiences.
- Design from a live website or reference URL — extract and apply its design language; read WEBSITE.md.
- Create or export presentations — plan an editable slide outline, approve it in chat, generate a real presentation draft, make slide-safe edits, or reconstruct an editable PPTX when requested and supported; read PRESENTATION.md.
- Create graphics — posters, covers, social posts, thumbnails, flyers, and ads; read GRAPHIC.md.
- Generate supporting images or video — use native image generation when appropriate or choose from Superdesign's generation models; read ASSET_GENERATION.md.
- Continue or directly correct existing work — resume saved targets through RESUME.md, or use design-with-your-model.md when direct authoring is the right path.
When continuing a draft, follow SUPERDESIGN.md ITERATION MODE ROUTING: replace refines the selected direction with version history; branch is only for alternatives the user wants to compare.