56 lines
2.6 KiB
Markdown
56 lines
2.6 KiB
Markdown
---
|
||
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 架构师
|
||
- 技术架构师 |