Skip to content
appsgit

Superdesign

Superdesign is an agent skill (a SKILL.md file) from superdesigndev/superdesign-skill. Design or redesign frontend UI, presentations, and graphics on the Superdesign canvas with a choice of leading AI models. It works with Claude Code, Codex and Cursor and has 904 GitHub stars.

github.com/superdesigndev/superdesign-skill/skills/superdesign (opens in a new tab)

Data as of from the GitHub API and skills.sh; description from the skill's SKILL.md. Report an error

View on GitHub (opens in a new tab)View on skills.sh (opens in a new tab)

Add this skill

Claude

This repository is a Claude Code plugin marketplace. In Claude Code:

/plugin marketplace add superdesigndev/superdesign-skill
/plugin install superdesign@superdesign

In the Claude apps, zip the superdesign folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

ChatGPT / Codex

Codex reads skills from .agents/skills/ in a repo or ~/.agents/skills/ for every project:

git clone --depth 1 https://github.com/superdesigndev/superdesign-skill.git
cp -r superdesign-skill/skills/superdesign .agents/skills/superdesign   # repo; ~/.agents/skills for all projects

Standalone skills also load in the ChatGPT desktop app.

Cursor

Cursor loads skills from .cursor/skills/ (or ~/.cursor/skills/) and also reads .claude/skills/:

git clone --depth 1 https://github.com/superdesigndev/superdesign-skill.git
cp -r superdesign-skill/skills/superdesign .cursor/skills/superdesign   # project; ~/.cursor/skills for all projects

Source (checked Oct 7, 2026): code.claude.com/docs/en/skills (opens in a new tab), code.claude.com/docs/en/plugin-marketplaces (opens in a new tab), support.claude.com/en/articles/12512180-using-skills-in-claude (opens in a new tab), learn.chatgpt.com/docs/build-skills (opens in a new tab), cursor.com/docs/context/skills (opens in a new tab)

What this skill does

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…

When it triggers

  • 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 reusab

Similar skills

More design & frontend skills

All Design & frontend

FAQ

Superdesign FAQ

Still curious? Email info@appsgit.com.

How do I install the Superdesign skill?

In Claude Code, run /plugin marketplace add superdesigndev/superdesign-skill and then /plugin install superdesign@superdesign. For Codex or Cursor, copy the superdesign folder into .agents/skills/ or .cursor/skills/.

Is the Superdesign skill free?

Yes. The repository is open source under the MIT license.

Is Superdesign maintained?

The repository's most recent commit was on Aug 21, 2026. appsgit only lists skills from repositories with a commit in the last six months.