# UI设计

制定UI设计规范和组件库说明。触发关键词：UI设计、界面设计、设计规范。

## 执行步骤

### 步骤1：读取相关常识知识
使用 `read_knowledge knowledge_name='color_system'`、`read_knowledge knowledge_name='typography'`、`read_knowledge knowledge_name='component_spec'`、`read_knowledge knowledge_name='spacing_grid'`、`read_knowledge knowledge_name='ui_icon_size'`、`read_knowledge knowledge_name='design_tokens'`

### 步骤2：读取工作提示词
使用 `read_work work_name='ui_design'`

### 步骤3：分析产品需求
使用 `read_text` 读取产品文档。

### 步骤4：设计组件标准
使用 `write_text` 定义按钮、输入框等标准组件规格。

### 步骤5：定义交互规范
编写交互行为的标准和动效。

### 步骤6：建立设计系统
使用 `write_text` 输出UI设计规范文档。

## 输出成果
1. UI设计规范文档

## 失败处理
- 若组件规范与开发框架不兼容，调整为可实现方案
- 若交互规范过于复杂，分阶段实施

## 禁止行为
- ❌ 禁止设计脱离技术实现的UI规范
- ❌ 禁止忽略无障碍访问标准