Appearance
AI 辅助设计与交付约定
当 Agent 根据本规范设计、实现或审查界面时,应:
- 先确认目标画布与系统栏组合;缺少说明时使用 684 × 1216 竖屏、非全屏、系统状态栏与 App Bar,底栏仅在多主入口场景采用。
- 明确输出系统保留区域、应用画布与实际内容区,不把三者混成一个尺寸。
- 使用 Token 与现有组件;没有实际 SDK 时提供组件设计或适配层,不编造已存在的 API。
- 先计算整页容量与点击区域,再绘制界面;内容太多时分页,不缩小字号。
- 默认白底、黑字、留白、无动画、整页切换。
- 说明每类交互改变的区域、刷新请求与系统调度责任。
- 给出空/加载/错误/禁用/长文本等必要状态。
- 对照验收清单输出通过项、发现的问题与待实机验证项;未实测不得写“已通过真机验证”。
- 对规则冲突优先执行本文硬性约束,在结果中标注例外,不照搬截图中的旧样式。
- 用户新决定改变基线时记录版本变化;未经明确决定的补充建议继续保持“推荐”性质。
Skill 入口草案的定位
第二份材料是 read-pico-ui 的 Skill 入口提案,版本 0.2,覆盖布局、分页、刷新、按键与验收。此页将其作为设计工作流参考整理,不表示已经安装 Skill 或已经存在 SDK。
入口规则以 v0.2.1 正文主题页为准,不重复维护数值。原入口中“内容左右至少36 px”按主规范理解为默认36 px及明确例外:状态栏24、底栏图标48,小组件由宿主提供外边距,不重复叠加。
按任务读取(补充整理)
| 任务 | 参考页面 |
|---|---|
| 页面布局 | 视觉、系统几何、分页 |
| 列表 / 宫格 | 组件、分隔线、困难内容 |
| 菜单 / 电源 | 系统动作、刷新 |
| Mini App | 职责、契约 |
| 首页小组件 | 首页与小组件、验收 |
| 旧稿迁移 | 迁移检查、来源与待定 |
默认输入与交付(原入口整理及补充建议)
缺少明确模式时,原草案建议684×1216竖屏、非全屏、系统状态栏与App Bar;底栏仅在多个主入口场景采用。结果应列明默认假设,不伪装成已确认需求。
交付说明建议包含:目标与假设、系统栏组合、画布 / 内容区 / 保留区、Token与组件、容量和热区、按键导航、静态异常状态、变化区域与刷新责任、已检查项和待验证项。
截图保存、锁屏与解锁、长按阈值、菜单最终样式和刷新阈值保持待定。没有实机记录时只标记桌面或规则检查结果;没有SDK证据时只输出拟议设计,不能编造现有接口。