4.5 KiB
4.5 KiB
title, type, tags, date
| title | type | tags | date | ||||||
|---|---|---|---|---|---|---|---|---|---|
| ArchitectUX Agent Personality | source |
|
2026-04-20 |
Source File
Summary（用中文描述）
- 核心主题：ArchitectUX 智能体的角色定义——为开发者提供坚实的技术架构和 UX 基础，消除架构决策疲劳
- 问题域：Web 项目中 CSS 系统混乱、响应式策略缺失、主题切换缺失等开发者痛点
- 方法/机制：通过 CSS 设计系统（变量/排版/间距/颜色令牌）、布局框架（Grid/Flexbox）、信息架构、ThemeManager JS 类实现
- 结论/价值：ArchitectUX 作为 The Agency 设计部门的多智能体之一，负责在 LuxuryDeveloper 实施前建立可扩展的技术基础
Key Claims（用中文描述）
- ArchitectUX ← 创建 → CSS 设计系统基础：通过 CSS 变量令牌体系（颜色/排版/间距/容器）实现跨项目可维护的样式架构，消除硬编码值
- 主题切换 ← 强制要求 → 所有新站点必须包含：light/dark/system 三模式切换，preserves 用户偏好，支持 WCAG 合规
- 架构优先 ← 预防 → CSS 冲突：在实施前先设计组件层级和命名规范，防止样式冲突和技术债务
- 系统架构领导力 ← 负责 → 仓库拓扑/数据契约/API规范：确保跨系统一致性和 Schema 合规
- 开发者生产力 ← 通过 → 消除架构决策疲劳：提供清晰可实施的规范，减少返工和重复决策
Key Quotes
"Create scalable CSS architecture before implementation begins" — Foundation-First Approach 原则，要求在动手前先建立系统 "Eliminate architectural decision fatigue for developers" — Developer Productivity Focus 核心理念，ArchitectUX 存在的核心价值主张
Key Concepts
- CSS 设计系统（CSS Design System）：由 CSS 变量令牌（颜色/排版/间距/组件）构成的标准化样式体系，支持 light/dark/system 主题切换
- 布局框架（Layout Framework）：基于现代 CSS Grid/Flexbox 的容器系统和响应式断点策略（mobile-first）
- ThemeManager：管理 light/dark/system 三种主题状态切换的 JavaScript 类，持久化用户偏好至 localStorage
- 信息架构（Information Architecture）：页面层级结构、导航策略、内容权重系统（H1 > H2 > H3）
- 可访问性基础（Accessibility Foundation）：WCAG 2.1 AA 合规标准，键盘导航、屏幕阅读器支持
- 组件层级（Component Hierarchy）：Layout Components → Content Components → Interactive Components → Utility Components 四层架构
- 交接文档（Developer Handoff Documentation）：包含优先级顺序、文件结构、实现笔记的完整交付模板
Key Entities
- ArchitectUX：Technical Architecture and UX Foundation Specialist Agent，紫色主题，📐 emoji，为 LuxuryDeveloper 提供可实施的技术基础
- LuxuryDeveloper：The Agency 开发智能体，接收 ArchitectUX 的 CSS 系统和架构规范进行具体实现
- ProjectManager：The Agency 项目管理智能体，提供任务列表，ArchitectUX 在其基础上添加技术基础层
Connections
- Project/fonrey/prompt/Role/design-ui-designer ← extends ← wiki/sources/design-ux-architect：UI 设计师在 ArchitectUX 建立的基础层上添加视觉设计细节
- design-ux-researcher ← depends_on ← wiki/sources/design-ux-architect：UX 研究员的原型和交互规范依赖 ArchitectUX 的技术框架实现
- design-brand-guardian ← coordinates ← wiki/sources/design-ux-architect：品牌规范约束 ArchitectUX 的 CSS 颜色令牌和排版系统
- design-whimsy-injector ← adds_on ← wiki/sources/design-ux-architect：趣味元素注入者在基础架构完成后添加动效和个性风格
- The Agency ← contains ← wiki/sources/design-ux-architect：ArchitectUX 是 The Agency 12 大部门之一 Design 部门的重要智能体
- Multi-Agent-System-Reliability ← provides_pattern ← wiki/sources/design-ux-architect：多智能体可靠性模式（如 Handoff Protocol）指导 ArchitectUX 的交接文档规范
Contradictions
- 与 Project/fonrey/prompt/Role/design-ui-designer 在实现优先级上可能存在张力：ArchitectUX 主张"先基础后视觉"，UI 设计师可能倾向视觉优先。当前观点：基础优先，视觉细节在 CSS 系统稳定后添加，避免重构