Figma
Figma design platform integration. Access design files, extract component information, read design tokens, and...
CCCXGBCUPi
SkillMaxx / Design / Superdesign
Superdesign
Design or redesign frontend UI and marketing graphics on the Superdesign infinite canvas. Reads your codebase for context, sets up a design system, and generates branchable design drafts you refine.
- Stars
- ★ 816
- Last updated
- Hands-on tests
- Tested ✓ in 2 of 5
Install
Tested ✓✓ Verified from docsOfficial docs ↗
/plugin install superdesign@claude-plugins-officialTested ✓ on 2026-10-16: installed and loaded in a throwaway sandbox with no credentials.
Log excerpt
Installing plugin "superdesign@claude-plugins-official"...✔ Successfully installed plugin: superdesign@claude-plugins-official (scope: user)
$ verify:
❯ superdesign@claude-plugins-official
Status: ✔ enabled1 run, latest 2026-10-16
Not yet tested
No official Codex instructions yet. We haven't found docs saying this works in Codex.
Know it works? Tell us →Tested ✓✓ Verified from docsOfficial docs ↗
Auto-loaded from your Claude Code plugins (no extra setup per xAI docs)Tested ✓ on 2026-10-16: installed and loaded in a throwaway sandbox with no credentials.
Log excerpt
Installed 1 plugin(s) from claude-plugins-official: superdesign $ verify: superdesign-skill-1c16fba6: superdesign [git: https://github.com/superdesigndev/superdesign-skill.git] (claude-plugins-official)
1 run, latest 2026-10-16
Not yet tested
No official Cursor instructions yet. We haven't found docs saying this works in Cursor.
Know it works? Tell us →Not yet tested
No official Pi instructions yet. We haven't found docs saying this works in Pi.
Know it works? Tell us →README
View on GitHub ↗Superdesign: UI, presentations, and graphics for coding agents
Stop shipping AI-slop UI. 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 and generate + iterate high-quality UI, presentations, and graphics on an infinite canvas, all without leaving your terminal.
Powered by superdesign.dev, the AI product design agent.
▶ Watch the skill in action.
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 design systems, approves presentation outlines, and generates + iterates high-quality UI, slide decks, and graphics on an infinite canvas.
- 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.
- Cross-session continuity — after the first real-codebase design, the skill remembers the project, draft, extracted components, and budgeted source-context bundle so later unchanged iterations resume without repeating codebase discovery.
- Two ways in — this skill from any coding agent, or the web app at superdesign.dev.
Not the legacy IDE extension. The archived open-source
superdesigndev/superdesignVS Code extension is an older, separate project. This skill and superdesign.dev are the current, maintained product.
Install
Any coding agent — installs the skill for any of the 70+ supported coding agents:
Preview from the source repo. Images are removed.
Similar alternatives
UI Theme Designer
Plugin for coding agents working with UI theme designer. Bundles two skills: how-to and conceptual answers...
CCCXGBCUPi
Miro
Secure access to Miro boards. Enables AI to read board context, create diagrams, and generate code with...
CCCXGBCUPi
Adobe For Creativity
Harness Adobe's creative AI-powered tools to edit images, automate design workflows, and bring creative...
CCCXGBCUPi