superdesign

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 init builds 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.

Step 0 — Environment preflight (BEFORE any CLI step)