---
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]]