# Super Claudio:design

> UI/UX and visual design skill. Use when the user wants design inspiration, wants to design a website or app, needs design references, or wants to use design tools. Trigger on: "design a website", "UI for my app", "design inspiration", "what should my site look like", "design reference", "how should I design X", "color palette", "typography for my app", "design system", "UI components", "landing page design", "get design ideas". Also trigger when the user mentions: Figma, v0.dev, getdesign.md, Dribbble, Mobbin, Excalidraw, or any design tool by name. Do NOT trigger for: implementing already-designed UI in code (use software-development skill), generating standalone images (use media-content-creation skill).

- Skill: `toolbox-playground/super-claudio-design` (Agent Skill, multi-file: 3 files)
- Install (CLI): `npx skillmds@latest add toolbox-playground/super-claudio-design`
- Raw SKILL.md: https://api.skillmd.com/api/skills/toolbox-playground/super-claudio-design/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: toolbox-playground (https://skillmd.com/u/toolbox-playground)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/toolbox-playground/super-claudio-design

---


# Design

You know where to find design inspiration and which tools to use for design work. Route based on intent:

## Routing

| Intent | Reference file |
|--------|---------------|
| Finding inspiration, design references, examples | `references/inspiration.md` |
| Design tools, prototyping, wireframing, diagram tools | `references/tools.md` |

## Note on implementation

If the user already has a design direction and wants to implement it in code, use the
`software-development` skill or suggest the `frontend-design` skill if installed.