52 lines
4.5 KiB
Markdown
52 lines
4.5 KiB
Markdown
---
|
||
title: "ArchitectUX Agent Personality"
|
||
type: source
|
||
tags: [agent, design, ux, css, frontend, the-agency]
|
||
date: 2026-04-20
|
||
---
|
||
|
||
## Source File
|
||
- [[raw/Agent/agency-agents/design/design-ux-architect.md]]
|
||
|
||
## 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 系统稳定后添加，避免重构
|