3.1 KiB
3.1 KiB
title, type, tags, date
| title | type | tags | date | ||||
|---|---|---|---|---|---|---|---|
| UI Designer Agent Personality | source |
|
2026-04-24 |
Source File
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）：在规范内注入意外的趣味元素，增加情感连接
- 协调方向：趣味性注入应发生在预定义组件的可配置槽位中（如微交互动画），不破坏核心设计系统的一致性