---
url: /design/agent-workflow.md
---
# AI 辅助设计与交付约定

当 Agent 根据本规范设计、实现或审查界面时，应：

1. 先确认目标画布与系统栏组合；缺少说明时使用 684 × 1216 竖屏、非全屏、系统状态栏与 App Bar，底栏仅在多主入口场景采用。
2. 明确输出系统保留区域、应用画布与实际内容区，不把三者混成一个尺寸。
3. 使用 Token 与现有组件；没有实际 SDK 时提供组件设计或适配层，不编造已存在的 API。
4. 先计算整页容量与点击区域，再绘制界面；内容太多时分页，不缩小字号。
5. 默认白底、黑字、留白、无动画、整页切换。
6. 说明每类交互改变的区域、刷新请求与系统调度责任。
7. 给出空／加载／错误／禁用／长文本等必要状态。
8. 对照验收清单输出通过项、发现的问题与待实机验证项；未实测不得写“已通过真机验证”。
9. 对规则冲突优先执行本文硬性约束，在结果中标注例外，不照搬截图中的旧样式。
10. 用户新决定改变基线时记录版本变化；未经明确决定的补充建议继续保持“推荐”性质。

## Skill 入口草案的定位

第二份材料是 `read-pico-ui` 的 Skill 入口提案，版本 0.2，覆盖布局、分页、刷新、按键与验收。此页将其作为设计工作流参考整理，不表示已经安装 Skill 或已经存在 SDK。

入口规则以 v0.2.1 正文主题页为准，不重复维护数值。原入口中“内容左右至少36 px”按主规范理解为默认36 px及明确例外：状态栏24、底栏图标48，小组件由宿主提供外边距，不重复叠加。

## 按任务读取（补充整理）

| 任务 | 参考页面 |
| --- | --- |
| 页面布局 | [视觉](/design/visual-and-typography)、[系统几何](/design/system-layout)、[分页](/design/interaction-and-states) |
| 列表 / 宫格 | [组件](/design/components)、[分隔线](/design/separators)、[困难内容](/design/adaptation) |
| 菜单 / 电源 | [系统动作](/design/system-actions)、[刷新](/design/refresh-and-power) |
| Mini App | [职责](/design/architecture)、[契约](/design/mini-app-contract) |
| 首页小组件 | [首页与小组件](/design/home-and-widgets)、[验收](/design/acceptance) |
| 旧稿迁移 | [迁移检查](/design/migration-notes)、[来源与待定](/design/sources-and-decisions) |

## 默认输入与交付（原入口整理及补充建议）

缺少明确模式时，原草案建议684×1216竖屏、非全屏、系统状态栏与App Bar；底栏仅在多个主入口场景采用。结果应列明默认假设，不伪装成已确认需求。

交付说明建议包含：目标与假设、系统栏组合、画布 / 内容区 / 保留区、Token与组件、容量和热区、按键导航、静态异常状态、变化区域与刷新责任、已检查项和待验证项。

截图保存、锁屏与解锁、长按阈值、菜单最终样式和刷新阈值保持待定。没有实机记录时只标记桌面或规则检查结果；没有SDK证据时只输出拟议设计，不能编造现有接口。