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,...
Installs into .claude/skills of the current project.
Are you the author of Design?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/toolbox-playground-design)
---
name: super-claudio:design
description: >
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).
---
# 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.
