​
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

AgentVai trò chínhKhi nào tự động gọi
ui-designerVisual design, component libraries/design:good, /design:fast
ux-architectCSS systems, layout frameworksKiến trúc UI phức tạp
ux-researcherUsability testing, user analysisResearch phase
brand-guardianBrand identity, consistencyBrand-related tasks
frontend-developerReact/Vue implementation/cook UI features
rapid-prototyperUltra-fast MVPQuick prototype requests
accessibility-auditorWCAG compliance/qa-full a11y, design review
image-prompt-engineerAI image generation prompts/design:good với assets
inclusive-visuals-specialistAnti-bias, culturally accurateImage generation
visual-storytellerVisual narratives, multimediaContent design
whimsy-injectorPlayful elements, micro-interactionsUX enhancement

​
Chi tiết từng agent

​
Core Design Agents

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.

​
Brand & Quality Agents

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.

​
Creative Agents

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.

​
Phối hợp agents

Khi chạy /design:good, các agents tự động phối hợp: 
ui-designer → ux-architect → frontend-developer
     ↓              ↓               ↓
  Visual design   UX structure   Implementation
     ↓              ↓               ↓
image-prompt-engineer    →    accessibility-auditor
     (AI assets)              (Quality check)
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.