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 19, 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"python3 ~/.codex/skills/.system/skill-installer/scripts/install-skill-from-github.py \
--repo superdesigndev/superdesign-skill \
--path skills/superdesignsuperdesigndev/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 e68f5bc5d258. 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 listing; either valid linked badge can qualify for the feature offer.
[](https://skills.suedeai.ai/directory/superdesigndev/superdesign-skill/superdesign/)
[](https://skills.suedeai.ai/directory/superdesigndev/superdesign-skill/superdesign/)<a href="https://skills.suedeai.ai/directory/superdesigndev/superdesign-skill/superdesign/"><img src="https://skills.suedeai.ai/directory/superdesigndev/superdesign-skill/superdesign/score.svg" alt="Suede Skill Check: 83/100" width="160" height="175"></a>
<a href="https://skills.suedeai.ai/directory/superdesigndev/superdesign-skill/superdesign/"><img src="https://skills.suedeai.ai/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 the numeric or letter badge in your repository or skill README (both also qualify), then request badge verification. Eligible skills scoring 80–99 can receive a featured placement after Suede verifies at least one valid badge linked to the skill’s listing. Suede has not announced an end date.
Where this skill is cited
superdesigndev/superdesign-skill appears in 2 curated lists: BehiSecc/awesome-claude-skills, VoltAgent/awesome-agent-skills.