Superdesign
Design or redesign frontend UI, presentations, and graphics on the Superdesign canvas...
Install
npx skills add superdesigndev/superdesign-skill --skill superdesign -g -a claude-code -y- Repository
- superdesigndev/superdesign-skill931
- Category
- Design
- Updated
- 3mo ago
- License
- MIT
- Context cost
- Mediumabout 3,000 tokens
- Runs scripts
- No, instructions only
What it 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 'design tool'. Also supports generating supporting image or video assets when a design needs them.
Superdesign 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.
Core scenarios (what this skill handles)
- Analyze a codebase for design work,
superdesign initbuilds reusable UI context in.superdesign/init/; read INIT.md. - Design, reproduce, or improve UI, create pages, features, flows, and new products on the canvas; read SUPERDESIGN.md.
- Choose and compare leading design models, run
list-models, select a model suited to the task, or use different models to explore independent directions. - Create design systems and reusable components, establish visual foundations, extract patterns, and design connected multi-page experiences.
- Design from a live website or reference URL, extract and apply its design language; read WEBSITE.md.
- 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.
- Create graphics, posters, covers, social posts, thumbnails, flyers, and ads; read GRAPHIC.md.
- Generate supporting images or video, use native image generation when appropriate or choose from Superdesign's generation models; read ASSET_GENERATION.md.
- Continue or directly correct existing work, resume saved targets through RESUME.md, or use design-with-your-model.md when direct authoring is the right path.
