Superdesign Skill - Setup Guide¶
Source: superdesigndev/superdesign-skill
GitHub: superdesigndev/superdesign-skill (411 stars)
Skills: 1 skill (superdesign) · 8.0K installs
Category: UI Design & Creative Assets
First Seen: Jan 21, 2026 (catalogued August 15, 2026 midday sweep)
Quality Tier: 🟡 Trusted (Gen Agent Trust Hub pass; Socket Warn and Snyk Fail on the skill page - named in Limitations)
Superdesign helps agents find design inspirations and styles, then generate and iterate design drafts on an infinite canvas. It runs through its own CLI and covers repo analysis (building .superdesign/init/ context), brand-new page design, design-system seeding, improvement requests, graphic assets (posters, covers, social creatives), and design from a live website via extract-website.
Installation¶
npx skills add superdesigndev/superdesign-skill --skill superdesign
Prerequisites¶
| Requirement | Details |
|---|---|
| Node.js + npx | For the skill installer |
| Shell access | The skill runs entirely through its CLI |
What It Provides¶
| Capability | Notes |
|---|---|
| Design inspiration | Find inspirations and styles |
| Infinite canvas drafts | Generate and iterate drafts on-canvas |
| Repo analysis | Build UI context to .superdesign/init/ |
| Live-site extraction | extract-website pulls design DNA, tokens, and brand assets |
| Graphic mode | Posters, covers, social posts, thumbnails, ad creatives with platform dimensions |
| State resume | .superdesign/resume.json for durable work across sessions |
Quick Start¶
- Install:
npx skills add superdesigndev/superdesign-skill --skill superdesign - Run the environment preflight, then ask: "help me design the onboarding page for our product"
CorpusIQ Use Cases¶
| Use Case | How |
|---|---|
| Marketing assets | Graphic mode for posters, covers, and social creatives |
| Product UI drafts | Design drafts for new pages and flows |
| Design DNA extraction | extract-website for competitor design reference |
| Design system seeding | Seed or refresh design systems from live sites |
Integration with CorpusIQ¶
CorpusIQ is the connector layer that lets AI assistants read the systems a business already runs on - accounting, payments, CRM, email, files and analytics - and answer with the source named. It is read-only by design: it retrieves data and never writes to, or acts in, a connected system, which is what makes it safe to point at live accounts.
This page is part of the CorpusIQ directory, the reference we maintain for the MCP server and agent-skill ecosystem. Run alongside CorpusIQ, a third-party server like this one can be combined with a company's own business data in a single answer.
Limitations / Verification¶
- Socket Warn and Snyk Fail on the skill page - review flagged dependencies before production use
- Faithful pixel-recreation and editable on-canvas clones require the Superdesign app (superdesign.dev), not the CLI
- Install count verified on skill page: 8.0K
npx skills add superdesigndev/superdesign-skill # verify install works
Related¶
Powered by CorpusIQ