Auto-sync: 2026-04-20 07:08

wiki/sources/design-ui-designer.md

@@ -0,0 +1,44 @@
+---
+title: "UI Designer"
+type: source
+tags: [The Agency, AI Agent, UI Design]
+date: 2026-04-20
+---
+
+## Source File
+- [[raw/Agent/agency-agents/design/design-ui-designer.md]]
+
+## Summary
+- 核心主题：The Agency 项目中的 UI Designer 智能体，专门负责创建美观、一致、可访问的用户界面
+- 问题域：视觉设计系统、组件库、像素级界面实现
+- 方法/机制：通过设计系统优先方法、可访问性合规、响应式框架、开发者协作实现
+- 结论/价值：为开发者提供完整的设计系统规范、组件样式、响应式框架和可访问性标准，实现设计到开发的高效交接
+
+## Key Claims
+- UI Designer 是视觉设计系统和界面创建专家，专门负责设计系统、组件库和像素级界面实现
+- 设计系统优先方法论是核心原则，需在创建单个界面之前建立组件基础
+- 所有设计必须默认包含可访问性合规（WCAG AA 最低标准）
+- 设计交付物包含完整的组件库架构、响应式框架和开发者交接文档
+
+## Key Quotes
+> "Establish component foundations before creating individual screens" — 设计系统优先方法
+> "Default requirement: Include accessibility compliance (WCAG AA minimum) in all designs" — 可访问性要求
+> "Provide clear design handoff specifications with measurements and assets" — 开发者交接标准
+
+## Key Concepts
+- [[Design System]]：设计系统，包含设计令牌、组件库、响应式框架和可访问性标准
+- [[Design Token]]：设计令牌系统，用于跨平台一致性的视觉语言变量（颜色、字体、间距、阴影、过渡）
+- [[Component Library]]：组件库，包含基础组件（按钮、输入框、卡片、导航）的完整架构
+- [[Responsive Design]]：响应式设计，通过移动优先方法实现跨设备适配
+- [[WCAG AA]]：Web 内容可访问性指南 AA 级标准，4.5:1 对比度要求
+- [[Dark Theme]]：深色主题系统，通过数据属性切换实现主题切换
+
+## Key Entities
+- [[The Agency]]：开源 AI 智能体集合项目，UI Designer 是其成员之一
+- [[UX Architect]]：The Agency 项目中的技术架构与 UX 专家智能体
+- [[UX Researcher]]：The Agency 项目中的用户体验研究智能体
+
+## Connections
+- [[The Agency]] ← contains ← [[UI Designer]]
+- [[UX Architect]] ← collaborates_with ← [[UI Designer]]
+- [[UX Researcher]] ← provides_insights_to ← [[UI Designer]]