3.0 KiB
3.0 KiB
title, type, tags, date
| title | type | tags | date | ||||
|---|---|---|---|---|---|---|---|
| UI Designer Agent Personality | source |
|
2026-05-02 |
Source File
Summary（用中文描述）
- 核心主题：UI Designer Agent 的角色定义、核心使命、工作流程和交付物模板
- 问题域：如何在 AI Agent 系统中构建专业的用户界面设计能力
- 方法/机制：通过设计系统优先的方法，建立组件库、设计令牌系统、无障碍标准和响应式框架
- 结论/价值：提供标准化、可复用、可访问的 UI 设计解决方案，使界面一致性和用户体验达到 95%+
Key Claims（用中文描述）
- UI Designer Agent 通过建立组件基础而非创建单个屏幕，确保整个产品生态系统的可扩展性和一致性
- UI Designer Agent 将无障碍设计内置于基础层，而非后期添加，满足 WCAG AA 标准
- UI Designer Agent 的设计系统可实现 95%+ 的界面元素一致性，开发者交接准确率达 90%+
Key Quotes
"Build accessibility into the foundation rather than adding it later" — 无障碍设计核心原则 "Design system achieves 95%+ consistency across all interface elements" — 成功指标 "Developer handoff requires minimal design revision requests (90%+ accuracy)" — 开发者交接标准
Key Concepts
- Design Token System：通过 CSS 变量定义颜色、字体、间距、阴影等设计原子，实现跨平台一致性
- Component Library Architecture：可复用组件库的架构设计，包括基础组件（按钮、表单、卡片、导航）和反馈组件（警告、提示、模态框）
- WCAG Accessibility Standards：Web Content Accessibility Guidelines，定义色对比度（4.5:1）、键盘导航、屏幕阅读器支持等标准
- Responsive Design Framework：基于断点的响应式设计框架，支持 Mobile First 和多设备适配
- Visual Hierarchy System：通过字体系统、颜色语义和间距比例建立视觉层次结构
- Design QA Process：设计质量保证流程，用于验证实现准确性和像素完美交付
Key Entities
- The Agency：多 Agent 协作系统，UI Designer 作为其中的设计专家 Agent
- UX Architect：The Agency 中的 UX 架构师，与 UI Designer 协作建立设计系统基础
- Brand Guardian：品牌守护 Agent，与 UI Designer 协作确保品牌一致性
Connections
- Design Brand Guardian ← extends ← Design UI Designer（品牌规范扩展设计系统）
- Design UX Researcher ← depends_on ← Design UI Designer（UX 研究指导设计决策）
- Design Whimsy Injector ← extends ← Design UI Designer（趣味性增强用户界面）
Contradictions
- 与 Design Whimsy Injector 的关系需要平衡：
- 冲突点：设计一致性与视觉趣味性之间的权衡
- 当前观点：UI Designer 强调系统性和一致性优先
- 对方观点：Whimsy Injector 追求独特性和趣味性设计