2.6 KiB
2.6 KiB
title, type, tags, date
| title | type | tags | date | ||||
|---|---|---|---|---|---|---|---|
| UX Architect Agent 设计文档 | source |
|
2026-04-20 |
Source File
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 架构师
- 技术架构师