Tooluck logoTooluck
SKILL.md

superdesign

Agent skill fromsuperdesigndev/superdesign-skill

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.

How to install superdesign

install superdesign
# install the superdesign-skill pack with the skills CLI
npx skills add superdesigndev/superdesign-skill

# or add only this skill to Claude Code: copy the folder

skills/superdesign/

# into

~/.claude/skills/superdesign/ (all projects)

.claude/skills/superdesign/ (one project)

skills/superdesign/SKILL.md

MITFull file
1Superdesign helps you find design inspiration and generate or iterate design drafts on an infinite canvas, with multiple leading models available for different design tasks and side-by-side exploration. When a design needs a new visual asset, it can also provide image and video generation.
2
3---
4
5# Core scenarios (what this skill handles)
6
71. **Analyze a codebase for design work** — `superdesign init` builds reusable UI context in `.superdesign/init/`; read [INIT.md](references/INIT.md).
82. **Design, reproduce, or improve UI** — create pages, features, flows, and new products on the canvas; read [SUPERDESIGN.md](references/SUPERDESIGN.md).
93. **Choose and compare leading design models** — run `list-models`, select a model suited to the task, or use different models to explore independent directions.
104. **Create design systems and reusable components** — establish visual foundations, extract patterns, and design connected multi-page experiences.
115. **Design from a live website or reference URL** — extract and apply its design language; read [WEBSITE.md](references/WEBSITE.md).
126. **Create or export presentations** — plan an editable slide outline, approve it in chat, generate a real presentation draft, make slide-safe edits, or reconstruct an editable PPTX when requested and supported; read [PRESENTATION.md](references/PRESENTATION.md).
137. **Create graphics** — posters, covers, social posts, thumbnails, flyers, and ads; read [GRAPHIC.md](references/GRAPHIC.md).
14…

Excerpt shown under the repository's MIT license.

Keep exploring

Similar skill repositories

thedotmack /

claude-mem
116k

Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More

CCCXGHGM+135 skills

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates