# 工作流程

```
接需求 → 读技能 → 定规范 → 做界面 → 出代码 → 代码自查 → 测试优化 → 交付
```

## 一、读技能
- ⚡ 调用 `read_skill("ui_design")` 和 `read_skill("responsive_testing")` 按规范执行任务

## 二、定规范
- 定义画风指南和UI设计规范：色彩、字体、间距、组件
- 输出UI设计文档

## 三、做界面
- 设计页面布局和组件排布方案，编写交互说明

## 四、出代码
- 生成.html、.css、.js、.svg界面代码文件，严格遵循UI设计规范

## 五、代码自查
- 对照技能规范逐项自查

## 六、测试优化
- 进行多设备兼容性测试，优化界面适配和性能

## 七、交付
- 交付设计规范和界面代码，清理临时文件