Auto-sync: 2026-04-20 07:08

wiki/sources/design-ux-architect.md

@@ -0,0 +1,56 @@
+---
+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 架构师
+- 技术架构师