# Superdesign Skill

> AI design agent for infinite-canvas ideation inside the IDE — searches design prompts, extracts brand guides, creates projects, and iterates on design drafts. Works via the @superdesign/cli package which must be installed globally first.

- Skill: `podo/superdesign-skill` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add podo/superdesign-skill`
- Raw SKILL.md: https://api.skillmd.com/api/skills/podo/superdesign-skill/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: AI & ML
- Author: podo (https://skillmd.com/u/podo)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/podo/superdesign-skill

---


# superdesign-skill

> Catalogue stub — full platform: [superdesigndev/superdesign-skill](https://github.com/superdesigndev/superdesign-skill)

## Account / environment requirement

**@superdesign/cli must be installed globally.** The skill communicates with the SuperDesign canvas via the CLI bridge — without it, skill invocation will fail.

## Install methods

| Step | Command |
|------|---------|
| 1. Install SuperDesign CLI | `npm install -g @superdesign/cli@latest` |
| 2. Install the Claude skill | `npx skills add superdesigndev/superdesign-skill` |
| 3. Launch the canvas | `superdesign` (opens browser canvas) |

## Decision tree

1. **Is @superdesign/cli installed?** Run `superdesign --version`.
   - No → install it: `npm install -g @superdesign/cli@latest`
   - Yes → go to step 2.
2. **Is the skill installed?** Check `~/.design-agent-skills/skills/superdesign-skill/SKILL.md`.
   - No → `npx skills add superdesigndev/superdesign-skill`
   - Yes → invoke `superdesign-skill` and proceed.
3. **Is the canvas running?** Open `superdesign` in a terminal if not already open.

## What it does

Brings an infinite-canvas design workspace directly into the IDE agent loop. The agent can search a library of design prompts, extract brand identity from existing assets, create new design projects, and iterate on design drafts with immediate visual feedback in the browser canvas. Suited for open-ended ideation sessions where spatial organization of design variants matters.

## When NOT to use

- Without the SuperDesign CLI installed — the skill has no fallback rendering path
- Standard UI code generation without ideation overhead — use a component-generation skill instead
- Headless or server environments without a browser

