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).
Installation
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
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:
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.