Superdesign is the design skill for Claude Code, Cursor and any coding agent. Stop shipping AI-slop UI: turn it into shippable, tasteful frontend.

Coding agents write great code and mediocre interfaces: generic layouts, default shadcn everything, no taste. Superdesign is the skill that gives your agent design judgment, so the UI it ships actually looks considered.

Install it once and your agent (Claude Code, Cursor, Codex, and 70+ others) can find real design direction, set up a design system, and generate + iterate high-quality UI drafts on an infinite canvas, all without leaving your terminal.

## What is Superdesign?

Superdesign is an AI product design agent. It gives coding agents (Claude Code, Cursor, Codex, and 70+ others) real design judgment, so the UI they ship looks considered instead of generic.

- **What it does** — finds design direction, sets up a design system from your codebase, and generates + iterates high-quality UI drafts on an infinite canvas, all from your terminal.

- **Who it's for** — developers, indie hackers, and product/UI designers who want to go from idea to shippable UI fast without leaving their coding agent.

- **How it's different** — style-preset skills just swap in a theme or a component library. Superdesign designs into your existing design system: it reads your code for context, gathers real style references, and produces branchable drafts you refine.

- **Two ways in** — this skill from any coding agent, or the web app at superdesign.dev.

## Install

```bash

npx skills add superdesigndev/superdesign-skill

```

This works for any of the 70+ supported coding agents. Then install the CLI it drives:

```bash

npm install -g @superdesign/cli@latest

superdesign login

```

## Use it

Just talk to your agent:

```text

/superdesign help me redesign this settings page so it doesn't look like default AI slop

/superdesign set up a design system from my current codebase

/superdesign improve the design of my dashboard

```

The skill handles the rest: it reads your code for context, gathers real style references, and produces design drafts you can branch and refine.

## Note

Not the legacy IDE extension. The archived open-source `superdesigndev/superdesign` VS Code extension is an older, separate project. This skill and `superdesign.dev` are the current, maintained product.