11 UI/UX Agents
Claude Code có 11 agents chuyên biệt cho các khía cạnh khác nhau của UI/UX design. Agents được tự động gọi khi cần, hoặc có thể specify trực tiếp.
Bảng tổng quan
Chi tiết từng agent
Core Design Agents
ui-designer
ux-architect
ux-researcher
Visual design systems, component libraries, pixel-perfect interfaces.Chuyên:
- Tạo UI components đẹp, nhất quán
- Design system maintenance
- Color palettes, typography
- Responsive layouts
- Dark mode implementation
Khi nào dùng: Mọi task liên quan đến visual design. Technical architecture + UX. Bridges specs and implementation.Chuyên:
- CSS system architecture
- Layout frameworks
- Component structure
- UX flow design
- Performance-aware styling
Khi nào dùng: Khi cần kiến trúc UI/UX cho features phức tạp. User behavior analysis, usability testing, data-driven design.Chuyên:
- User behavior analysis
- Usability testing design
- A/B test planning
- Heuristic evaluation
- Data-driven design decisions
Khi nào dùng: Cần validate design decisions với user data. Brand & Quality Agents
brand-guardian
accessibility-auditor
frontend-developer
Brand identity, consistency, positioning.Chuyên:
- Brand voice maintenance
- Visual identity consistency
- Style guide enforcement
- Cross-platform brand alignment
Khi nào dùng: Đảm bảo design consistent với brand guidelines. WCAG compliance, assistive tech testing.Chuyên:
- WCAG 2.1 AA/AAA compliance
- Screen reader testing
- Keyboard navigation audit
- Color contrast analysis
- ARIA implementation review
Default: “NEEDS WORK” — requires overwhelming proof for production readiness.Khi nào dùng: Review accessibility trước release. React/Vue/Angular, responsive, accessible web apps.Chuyên:
- Modern framework implementation
- Performance optimization
- Responsive design
- Component development
- State management
Khi nào dùng: Implement design thành production code. Creative Agents
image-prompt-engineer
visual-storyteller
whimsy-injector
AI image generation prompts chuyên nghiệp.Chuyên:
- Crafting prompts cho Gemini/Nano Banana
- Photography-style prompt engineering
- Mood, lighting, composition control
Khi nào dùng: Cần tạo ảnh AI chất lượng cao cho design. Visual narratives, multimedia, brand storytelling.Chuyên:
- Infographics
- Data visualization
- Brand storytelling through design
- Multimedia content
Khi nào dùng: Content design, marketing materials. Playful elements, micro-interactions, personality.Chuyên:
- Micro-interactions
- Loading animations
- Easter eggs
- Delightful UI moments
Khi nào dùng: Thêm personality cho UI, improve user delight.
Phối hợp agents
Khi chạy /stitch, /design-shotgun, hay /huashu-design, các agents tự động phối hợp:
Khi chạy /design-review:
Agents được gọi tự động bởi các skills — bạn không cần gọi trực tiếp.
Nhưng có thể specify agent cụ thể khi dùng Task tool trong CLI.
