Update nexus wiki content

This commit is contained in:
2026-05-03 05:42:06 +08:00
parent 90f3811b83
commit 111bc65b7b
707 changed files with 32306 additions and 7289 deletions

View File

@@ -1,52 +1,49 @@
---
title: "UI Designer Agent Personality"
type: source
tags: ["agent", "design", "ui", "design-system"]
date: 2026-04-24
tags: ["agency", "design", "ui", "agent"]
date: 2026-05-02
---
## Source File
- [[raw/Agent/agency-agents/design/design-ui-designer.md]]
- [[Agent/agency-agents/design/design-ui-designer.md]]
## Summary用中文描述
- 核心主题UI Designer Agent 的角色定义、核心使命、设计交付物与工作流程
- 问题域: Agent 系统中 UI 设计专家 Agent 的定位与职责边界
- 方法/机制:设计系统优先Design System First、WCAG AA 可访问性合规、像素级界面交付、响应式框架设计
- 结论/价值:UI Designer Agent 通过构建组件库、设计令牌系统、响应式框架和可访问性标准,确保产品界面一致性、可复用性与包容性
- 核心主题UI Designer Agent 的角色定义、核心使命、工作流程和交付物模板
- 问题域:如何在 AI Agent 系统中构建专业的用户界面设计能力
- 方法/机制:通过设计系统优先的方法,建立组件库、设计令牌系统、无障碍标准和响应式框架
- 结论/价值:提供标准化、可复用、可访问的 UI 设计解决方案,使界面一致性和用户体验达到 95%+
## Key Claims用中文描述
- UI Designer Agent 以设计系统为优先,在创建单个界面之前先建立组件基础
- 所有设计必须内置可访问性合规WCAG AA 标准,色彩对比度 4.5:1
- 开发者交付物需包含详细测量规格、组件文档与设计 QA 流程,实现 90%+ 实现准确率
- 设计系统需在 95%+ 界面元素中保持一致性
- UI Designer Agent 通过建立组件基础而非创建单个屏幕,确保整个产品生态系统的可扩展性和一致性
- UI Designer Agent 将无障碍设计内置于基础层,而非后期添加,满足 WCAG AA 标准
- UI Designer Agent 的设计系统可实现 95%+ 的界面元素一致性,开发者交接准确率达 90%+
## Key Quotes
> "Build accessibility into the foundation rather than adding it later." — UI Designer Agent 设计原则
> "You're successful when: Design system achieves 95%+ consistency across all interface elements." — UI Designer 成功指标
> "Build accessibility into the foundation rather than adding it later" — 无障碍设计核心原则
> "Design system achieves 95%+ consistency across all interface elements" — 成功指标
> "Developer handoff requires minimal design revision requests (90%+ accuracy)" — 开发者交接标准
## Key Concepts
- [[Design System]]组件库与视觉语言体系,确保跨产品的一致性
- [[Design Tokens]]:设计令牌系统,用 CSS 变量管理颜色、字体、间距等视觉原子
- [[Visual Hierarchy]]:通过排版、颜色和布局建立视觉层次,引导用户注意力
- [[Responsive Design]]:移动优先的响应式框架,支持 Mobile/Tablet/Desktop/Large Desktop 多断点
- [[WCAG AA]]Web 内容可访问性指南 AA 级标准,色彩对比度 4.5:1
- [[Component Library]]可复用组件库Button、Input、Card、Navigation 等),带完整状态规格
- [[Dark Mode]]:深色模式与主题化系统,支持灵活的品牌表达
- [[Design QA]]:设计质量保证流程,验证像素级实现与规格一致性
- [[Accessibility-First Design]]:无障碍优先设计,内置键盘导航、屏幕阅读器支持、焦点管理
- [[Design Token System]]通过 CSS 变量定义颜色、字体、间距、阴影等设计原子,实现跨平台一致性
- [[Component Library Architecture]]:可复用组件库的架构设计,包括基础组件(按钮、表单、卡片、导航)和反馈组件(警告、提示、模态框)
- [[WCAG Accessibility Standards]]Web Content Accessibility Guidelines定义色对比度4.5:1、键盘导航、屏幕阅读器支持等标准
- [[Responsive Design Framework]]:基于断点的响应式设计框架,支持 Mobile First 和多设备适配
- [[Visual Hierarchy System]]:通过字体系统、颜色语义和间距比例建立视觉层次结构
- [[Design QA Process]]:设计质量保证流程,用于验证实现准确性和像素完美交付
## Key Entities
- UI Designer Agent:多 Agent 协作系统中的界面设计专家角色,专注于视觉设计系统与像素级界面交付
- [[The Agency]]:多 Agent 协作系统UI Designer 作为其中的设计专家 Agent
- [[UX Architect]]The Agency 中的 UX 架构师,与 UI Designer 协作建立设计系统基础
- [[Brand Guardian]]:品牌守护 Agent与 UI Designer 协作确保品牌一致性
## Connections
- [[Design Brand Guardian]] ← complements ← [[UI Designer]]
- [[Design Whimsy Injector]] ← extends ← [[UI Designer]]
- [[Design UX Architect]] ← depends_on ← [[UI Designer]]
- [[UX Researcher Agent]] → informs → [[UI Designer]](用户研究洞察驱动界面设计决策)
- [[Design Brand Guardian]] ← extends ← [[Design UI Designer]](品牌规范扩展设计系统)
- [[Design UX Researcher]] ← depends_on ← [[Design UI Designer]]UX 研究指导设计决策)
- [[Design Whimsy Injector]] ← extends ← [[Design UI Designer]](趣味性增强用户界面)
## Contradictions
- 与 [[Design Whimsy Injector]] 存在张力
- 冲突点:一致性与创意趣味性之间的
- 当前观点UI Designer):建立严格的组件库和设计规范,追求 95%+ 视觉一致性
- 对方观点Design Whimsy Injector):在规范内注入意外的趣味元素,增加情感连接
- 协调方向:趣味性注入应发生在预定义组件的可配置槽位中(如微交互动画),不破坏核心设计系统的一致性
- 与 [[Design Whimsy Injector]] 的关系需要平衡
- 冲突点:设计一致性与视觉趣味性之间的
- 当前观点UI Designer 强调系统性和一致性优先
- 对方观点Whimsy Injector 追求独特性和趣味性设计