Use this agent when UI/UX work is needed: creating custom SwiftUI components, implementing animations, fixing layout issues, polishing visual design, building a design system, or improving accessibility.
How to install ui-designer?
xvirobotics/metaskill/ui-designer
$curl -o .claude/agents/ui-designer.md https://raw.githubusercontent.com/xvirobotics/metaskill/HEAD/examples/ios-app/.claude/agents/ui-designer.mdInstalls into the current project.
›Prefer a prompt? Paste this to your agent
Install ui-designer by running `curl -o .claude/agents/ui-designer.md https://raw.githubusercontent.com/xvirobotics/metaskill/HEAD/examples/ios-app/.claude/agents/ui-designer.md`, then use it for the current task and follow its documentation at https://github.com/xvirobotics/metaskill.
Related
6 picksType
- design-reviewExpert design reviewer for web UI. Use PROACTIVELY after any front-end change and before calling UI work complete, or when the user asks to review/audit a page, screen, or PR for visual quality,…Jul 2026
- presentation-claude-codePROACTIVELY use this agent whenever the user wants to update, modify, rearrange, or fix the CLAUDE-CODE-BEST-PRACTICE presentation (`presentation/claude-code-best-practice/index.html`) — slides,…Jul 2026
- presentation-claude-geminiPROACTIVELY use this agent whenever the user wants to update, modify, rearrange, or fix the CLAUDE-GEMINI presentation (`presentation/2026-04-25-gdg-kolachi-cli-claude-code-gemini/index.html`) —…Jul 2026
- presentation-vibe-codingPROACTIVELY use this agent whenever the user wants to update, modify, or fix the VIBE-CODING presentation (`presentation/vibe-coding-to-agentic-engineering/index.html`) — slides, structure, styling,…Jul 2026
- ux-designerProduces a concise, accessible UX brief with flows, states, and annotations.Jul 2026
- impeccable-asset-producerProduces clean reusable raster assets from approved Impeccable mock references without redesigning the direction.Jul 2026
