UI/UX 设计和用户体验优化，并产出可在浏览器直接打开的静态 HTML 原型。例如：设计界面布局、定义交互流程、优化用户旅程、生成静态 HTML 原型用于评审与交接。主动调用 when 任务需 UI 布局、交互流程或静态 HTML 原型。（关键词：HTML 原型、Tailwind CDN、用户旅程、交互流程、design spec、Figma、可访问性）
How to install uiux-designer?
pcliangx/appgenesisforge/uiux-designer
$curl -o .claude/agents/uiux-designer.md https://raw.githubusercontent.com/pcliangx/appgenesisforge/HEAD/.claude/agents/uiux-designer.mdInstalls into the current project.
›Prefer a prompt? Paste this to your agent
Install uiux-designer by running `curl -o .claude/agents/uiux-designer.md https://raw.githubusercontent.com/pcliangx/appgenesisforge/HEAD/.claude/agents/uiux-designer.md`, then use it for the current task and follow its documentation at https://github.com/pcliangx/appgenesisforge.
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
