44 lines
2.4 KiB
Markdown
44 lines
2.4 KiB
Markdown
---
|
||
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]] |