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)

  1. Analyze a codebase for design worksuperdesign init builds reusable UI context in .superdesign/init/; read INIT.md.
  2. Design, reproduce, or improve UI — create pages, features, flows, and new products on the canvas; read SUPERDESIGN.md.
  3. Choose and compare leading design models — run list-models, select a model suited to the task, or use different models to explore independent directions.
  4. Create design systems and reusable components — establish visual foundations, extract patterns, and design connected multi-page experiences.
  5. Design from a live website or reference URL — extract and apply its design language; read WEBSITE.md.
  6. 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.
  7. Create graphics — posters, covers, social posts, thumbnails, flyers, and ads; read GRAPHIC.md.
  8. Generate supporting images or video — use native image generation when appropriate or choose from Superdesign's generation models; read ASSET_GENERATION.md.
  9. 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)

Installs
8.8K
GitHub Stars
485
First Seen
Jan 21, 2026
superdesign — superdesigndev/superdesign-skill