superdesign agent skill by superdesigndev
Designs or redesigns frontend UI, presentations, and graphics on the Superdesign canvas using a choice of AI models, comparing results and exploring visual variants.
At a glance
| Publisher | superdesigndev |
|---|---|
| Repository | github.com/superdesigndev/superdesign-skill |
| Category | Frontend and Design |
| License | MIT |
| Last commit | August 21, 2026 (repository) |
| SKILL.md | 152 lines, 2,245 words |
| Bundled files | 13 files, including references |
| Quality score | 83/100 · B Passes all seven graded checks |
| Security scan | Not scanned |
| README badge | Get the badges for this listing |
Before you install
Read from the skill's files at the directory's October 22, 2026 snapshot: what ships with it, what its code reads, and the terms it is published under.
- Bundled scripts: none.
- Commands in SKILL.md: its code blocks run
npx, which fetches or runs software from outside the skill folder. - License: MIT, an open-source or open-content license.
Install superdesign
The skills CLI works with Claude Code, Codex, Cursor and other agents; the other routes copy the folder by hand.
npx skills add https://github.com/superdesigndev/superdesign-skill/tree/main/skills/superdesigntmp="$(mktemp -d)"
git clone --depth 1 https://github.com/superdesigndev/superdesign-skill.git "$tmp/repo"
mkdir -p .claude/skills
cp -R "$tmp/repo/"skills/superdesign .claude/skills/
rm -rf "$tmp"tmp="$(mktemp -d)"
git clone --depth 1 https://github.com/superdesigndev/superdesign-skill.git "$tmp/repo"
mkdir -p .agents/skills
cp -R "$tmp/repo/"skills/superdesign .agents/skills/
rm -rf "$tmp"For a user-level install, copy the folder to ~/.claude/skills/ (Claude Code) or ~/.agents/skills/ (Codex). Inside Codex, $skill-installer can also fetch a skill from GitHub. New to skills? Read How to install agent skills in Claude Code, Codex and Cursor.
superdesigndev/superdesign-skill is third-party code. Read SKILL.md and any bundled scripts before you install it.
How the author describes it
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 'design tool'. Also supports generating supporting image or video assets when a design needs them.
From the description field of SKILL.md. Agents read this line to decide when to load the skill.
Sections in SKILL.md
- When a command fails
- Command examples
- Browser Choice
Files in the skill folder
INIT.mdSKILL.mdSUPERDESIGN.mdagents/openai.yamlreferences/ASSET_GENERATION.mdreferences/COMPONENTS.mdreferences/GRAPHIC.mdreferences/INIT.mdreferences/PRESENTATION.mdreferences/RESUME.mdreferences/SUPERDESIGN.mdreferences/WEBSITE.mdreferences/design-with-your-model.md
Suede Skill Check: 83/100 · B
Report snapshot · · graded-v2
The rubric totals 100 points; published scores are capped at 99. Security scan: not scanned.
Source revision: f9f05cd988c2. Report version 474cd763a861. Badge URLs follow the latest listing; save the report to keep this version.
Download report · Request a fresh review
What to review next
- Boundary clause: 0 of 4 points. 4 when the description says when not to use the skill (“Not for …”, “Do not use …”, “Use … instead”).
- Recent maintenance: 6 of 9 points. 9 for a repository commit within 30 days of the snapshot; 6 within 90; 3 within 180; 1 within 365.
- Bundled scripts: 0 of 2 points. 2 when the skill folder ships a scripts/ folder.
Add declarations and bundled files when they describe the skill’s actual needs. Update the source, then request a fresh review with the changed commit or PR.
superdesign passes the required frontmatter check and all seven graded checks, which cover the SKILL.md format, a declared license and a commit in the last year. Those checks earn 56 of the score’s points; the rest come from description quality, instruction depth, bundled files, maintenance and curated-list citations. How the score works.
See the checks and points
| Check | Result |
|---|---|
| Frontmatter parses and declares a name and a description | Pass |
| Name uses lowercase letters, digits and hyphens, 64 characters or fewer | Pass |
| Name matches the skill's folder name | Pass |
| Description is between 50 and 1,024 characters | Pass |
| Description says when an agent should use the skill | Pass |
| SKILL.md body is 500 lines or fewer | Pass |
| A license is declared in the frontmatter or the repository | Pass |
| Repository has a commit in the last 12 months | Pass |
| Score component | Points |
|---|---|
| Structural checks | 56 of 56 |
| Description length | 5 of 5 |
| Boundary clause | 0 of 4 |
| Example request | 3 of 3 |
| Instruction depth | 7 of 7 |
| Reference files | 3 of 3 |
| Bundled scripts | 0 of 2 |
| Recent maintenance | 6 of 9 |
| Curated-list citations | 3 of 7 |
| Tool permissions declared | 0 of 2 |
| Compatibility declared | 0 of 2 |
Two badges for superdesign
Choose the numeric badge, the letter badge, or both. Each links to this skill’s Suede AI listing; either valid linked badge can qualify for the feature offer.
[](https://suedeai.directory/superdesigndev/superdesign-skill/superdesign/)
[](https://suedeai.directory/superdesigndev/superdesign-skill/superdesign/)<a href="https://suedeai.directory/superdesigndev/superdesign-skill/superdesign/"><img src="https://suedeai.directory/superdesigndev/superdesign-skill/superdesign/score.svg" alt="Suede Skill Check: 83/100" width="160" height="175"></a>
<a href="https://suedeai.directory/superdesigndev/superdesign-skill/superdesign/"><img src="https://suedeai.directory/superdesigndev/superdesign-skill/superdesign/badge.svg" alt="Suede Skill Check: Grade B" width="160" height="175"></a>Suede Certified on the shield refers to this published structural quality check. Security scan: not scanned. Read the methodology.
Limited-time feature offer: Display either quality badge in your repository or skill README, linked to your listing, then request verification. Suede AI checks the rendered README at a recorded commit. Eligible skills scoring 80–99 with a verified badge can receive a featured placement while the offer is open. Request badge verification.
Publishers: read How to get your agent skill found in search and cited by AI assistants.
Where this skill is cited
superdesigndev/superdesign-skill appears in 2 curated lists: BehiSecc/awesome-claude-skills, VoltAgent/awesome-agent-skills.