mcpField
S
superdesign-skill

superdesign-skill

github.com/podoDesign & UI29160 installsUpdated 1d ago
Repository

About superdesign-skill

A design skill for IDE agents that connects to a browser canvas through the SuperDesign CLI. It supports prompt search, brand extraction from existing assets, and iterative draft work.

Key features

  1. 01Connects to the SuperDesign browser canvas
  2. 02Searches a design prompt library
  3. 03Extracts brand identity from existing assets
  4. 04Creates projects and iterates on drafts

Use cases

  1. 01Explore design directions on a canvas
  2. 02Organize and compare design variations
  3. 03Derive brand style from existing assets
  4. 04Get immediate visual feedback on drafts

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/podo/design-agent-skills --skill superdesign-skill

After installing, type/superdesign-skillin Claude Code to confirm it loaded.

Bundled filesstub.yaml

Details

From the project README

superdesign-skill

Catalogue stub — full platform: 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

StepCommand
1. Install SuperDesign CLInpm install -g @superdesign/cli@latest
2. Install the Claude skillnpx skills add superdesigndev/superdesign-skill
3. Launch the canvassuperdesign (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

Comments

Markdown supported