# Superdesign

Design or redesign frontend UI, presentations, and graphics on the Superdesign canvas...

- Repository: https://github.com/superdesigndev/superdesign-skill (931 stars)
- Category: Design
- License: MIT
- Last updated: 2026-08-21
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add superdesigndev/superdesign-skill --skill superdesign -g -a claude-code -y`
Codex: `npx skills add superdesigndev/superdesign-skill --skill superdesign -g -a codex -y`
Cursor: `npx skills add superdesigndev/superdesign-skill --skill superdesign -g -a cursor -y`
Gemini CLI: `npx skills add superdesigndev/superdesign-skill --skill superdesign -g -a gemini-cli -y`
Claude Code plugin marketplace: `/plugin marketplace add superdesigndev/superdesign-skill`

## Description

Design or redesign frontend UI, presentations, and graphics on the Superdesign canvas with a choice of leading AI models. Use whenever the user wants to design a page, feature, flow, slide deck, or brand-new product; improve or reproduce existing UI; compare design results across top models; explore visual variants; set or extract a design system; build reusable components or multi-page flows; create presentations; or create posters and marketing graphics, even if they never say the word 'design tool'. Also supports generating supporting image or video assets when a design needs them.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

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 work**, `superdesign init` builds reusable UI context in `.superdesign/init/`; read [INIT.md](references/INIT.md).
2. **Design, reproduce, or improve UI**, create pages, features, flows, and new products on the canvas; read [SUPERDESIGN.md](references/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](references/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](references/PRESENTATION.md).
7. **Create graphics**, posters, covers, social posts, thumbnails, flyers, and ads; read [GRAPHIC.md](references/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](references/ASSET_GENERATION.md).
9. **Continue or directly correct existing work**, resume saved targets through [RESUME.md](references/RESUME.md), or use [design-with-your-model.md](references/design-with-your-model.md) when direct authoring is the right path.

The rest: https://github.com/superdesigndev/superdesign-skill/blob/HEAD/skills/superdesign/SKILL.md