2.4 KiB
2.4 KiB
title, type, tags, date
| title | type | tags | date | |||
|---|---|---|---|---|---|---|
| UI Designer | source |
|
2026-04-20 |
Source File
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