---
title: "UX Architect Agent 设计文档"
type: source
tags: [The Agency, AI Agent, UX, 设计规范]
date: 2026-04-20
---

## Source File
- [[raw/Agent/agency-agents/design/design-ux-architect.md]]

## Summary
- 核心主题：UX Architect（技术架构与用户体验专家）智能体设计与规范
- 问题域：如何为开发者提供坚实的技术基础、CSS系统和清晰的实现路径
- 方法/机制：通过设计系统变量、布局框架、组件架构、响应式策略、主题切换机制等交付物，为 LuxuryDeveloper 提供专业级 UX 基线
- 结论/价值：消除架构决策疲劳，确保项目一致性和可扩展性，在 Premium Polish 添加前建立专业 UX 基线

## Key Claims
- UX Architect 是技术架构与 UX 基础专家，为开发者创造可依赖的坚实基础
- 默认要求所有新站点必须包含 light/dark/system 主题切换功能
- 优先创建可扩展的 CSS 架构，建立开发者可安心构建的布局系统
- 通过三层架构（Planner → Worker → Validator）协调 Agent 职责和技术决策

## Key Quotes
> "Eliminate architectural decision fatigue for developers" — 消除开发者的架构决策疲劳

> "Establish professional UX baseline before premium polish is added" — 在高级优化前建立专业 UX 基线

> "Default requirement: Include light/dark/system theme toggle on all new sites" — 默认要求所有新站点包含主题切换

## Key Concepts
- [[CSS 设计系统]]：通过 CSS 变量定义颜色、字体、间距、布局的系统化方法
- [[响应式断点策略]]：移动优先的响应式设计方法论（320px+ → 768px+ → 1024px+ → 1280px+）
- [[组件架构]]：分层组件系统（布局组件、内容组件、交互组件、工具组件）
- [[主题切换]]：支持 light/dark/system 三种模式的主题管理机制
- [[信息架构]]：页面层次结构、导航策略、内容权重的系统规划

## Key Entities
- [[The Agency]]：开源 AI 智能体集合项目，汇集各类专业化 AI Agent
- [[LuxuryDeveloper]]：负责实现 LuxuryDeveloper 级别美学的开发者 Agent
- [[ProjectManager]]：负责任务列表管理的项目管理者 Agent
- [[ArchitectUX]]：UX Architect Agent 的角色名称，技术架构与 UX 基础专家

## Connections
- [[The Agency]] ← contains ← [[UX Architect]]
- [[UX Architect]] → supports → [[LuxuryDeveloper]]
- [[ProjectManager]] → provides_tasks → [[UX Architect]]
- [[UX Architect]] ← depends_on ← [[智能体设计规范]]
- [[UX Architect]] ← depends_on ← [[智能体设计原则]]

## Contradictions
- 无

## Aliases
- ArchitectUX
- UX 架构师
- 技术架构师