---
title: "UI Designer Agent Personality"
type: source
tags: ["agent", "design", "ui", "design-system"]
date: 2026-04-24
---

## Source File
- [[Agent/agency-agents/design/design-ui-designer.md]]

## Summary（用中文描述）
- 核心主题：UI Designer Agent 的角色定义、核心使命、设计交付物与工作流程
- 问题域：多 Agent 系统中 UI 设计专家 Agent 的定位与职责边界
- 方法/机制：设计系统优先（Design System First）、WCAG AA 可访问性合规、像素级界面交付、响应式框架设计
- 结论/价值：UI Designer Agent 通过构建组件库、设计令牌系统、响应式框架和可访问性标准，确保产品界面的一致性、可复用性与包容性

## Key Claims（用中文描述）
- UI Designer Agent 以设计系统为优先，在创建单个界面之前先建立组件基础
- 所有设计必须内置可访问性合规（WCAG AA 标准，色彩对比度 4.5:1）
- 开发者交付物需包含详细测量规格、组件文档与设计 QA 流程，实现 90%+ 实现准确率
- 设计系统需在 95%+ 界面元素中保持一致性

## Key Quotes
> "Build accessibility into the foundation rather than adding it later." — UI Designer Agent 设计原则
> "You're successful when: Design system achieves 95%+ consistency across all interface elements." — UI Designer 成功指标

## Key Concepts
- [[Design System]]：组件库与视觉语言体系，确保跨产品的一致性
- [[Design Tokens]]：设计令牌系统，用 CSS 变量管理颜色、字体、间距等视觉原子
- [[Visual Hierarchy]]：通过排版、颜色和布局建立视觉层次，引导用户注意力
- [[Responsive Design]]：移动优先的响应式框架，支持 Mobile/Tablet/Desktop/Large Desktop 多断点
- [[WCAG AA]]：Web 内容可访问性指南 AA 级标准，色彩对比度 4.5:1
- [[Component Library]]：可复用组件库（Button、Input、Card、Navigation 等），带完整状态规格
- [[Dark Mode]]：深色模式与主题化系统，支持灵活的品牌表达
- [[Design QA]]：设计质量保证流程，验证像素级实现与规格一致性
- [[Accessibility-First Design]]：无障碍优先设计，内置键盘导航、屏幕阅读器支持、焦点管理

## Key Entities
- UI Designer Agent：多 Agent 协作系统中的界面设计专家角色，专注于视觉设计系统与像素级界面交付

## Connections
- [[Design Brand Guardian]] ← complements ← [[UI Designer]]
- [[Design Whimsy Injector]] ← extends ← [[UI Designer]]
- [[Design UX Architect]] ← depends_on ← [[UI Designer]]
- [[UX Researcher Agent]] → informs → [[UI Designer]]（用户研究洞察驱动界面设计决策）

## Contradictions
- 与 [[Design Whimsy Injector]] 存在张力：
  - 冲突点：一致性与创意趣味性之间的平衡
  - 当前观点（UI Designer）：建立严格的组件库和设计规范，追求 95%+ 视觉一致性
  - 对方观点（Design Whimsy Injector）：在规范内注入意外的趣味元素，增加情感连接
  - 协调方向：趣味性注入应发生在预定义组件的可配置槽位中（如微交互动画），不破坏核心设计系统的一致性