Update nexus wiki content
This commit is contained in:
@@ -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 追求独特性和趣味性设计
|
||||
|
||||
Reference in New Issue
Block a user