From super-claudio
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).
How this skill is triggered — by the user, by Claude, or both
Slash command
/super-claudio:designThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
You know where to find design inspiration and which tools to use for design work. Route based on intent:
You know where to find design inspiration and which tools to use for design work. Route based on intent:
| Intent | Reference file |
|---|---|
| Finding inspiration, design references, examples | references/inspiration.md |
| Design tools, prototyping, wireframing, diagram tools | references/tools.md |
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.
Guides creation, editing, and verification of skills for AI coding agents using test-driven development with subagent scenarios. Use when authoring or debugging skills.
npx claudepluginhub toolbox-playground/super-claudio --plugin super-claudio