---
title: "UI Designer Agent Personality"
type: source
tags: ["agency", "design", "ui", "agent"]
date: 2026-05-02
---

## Source File
- [[Agent/agency-agents/design/design-ui-designer.md]]

## 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 追求独特性和趣味性设计