---

## name: read-pico-ui  
description: 为 Read Pico 4.7 英寸墨水屏设计、实现或审查 JustRead 系统界面、Mini App 和首页小组件。用于组件布局、整页分页、刷新策略、实体按键与设计验收；不用于套用普通手机动效。

# Read Pico UI Skill

版本：0.2 · 2026-10-05。

完整配套文档：`Read Pico 系统界面、Mini App 与小组件设计规范`。使用本 Skill 时，如果存在 `references/design-spec.md`，先读取其中与任务有关的章节。本文可作为 `SKILL.md` 入口内容；未安装到外部 Agent 工具。

## 权威顺序

用户最新明确要求 > 本规范硬性规则 > 补充推荐 > 截图与导出 CSS。没有真实 SDK 依据时，把接口写成拟议接口，不假设系统组件已经实现。

## 工作步骤

1. 确认 684×1216 竖屏画布、全屏状态、状态栏、App Bar、底栏和任务类型。
2. 计算系统占用区、应用画布、系统按键保留区、内容区、热区和分页容量。
3. 使用统一 Token。默认白底、黑字、四类语义色；不依赖颜色传达唯一状态。
4. 所有界面文字至少 20 px，独立可点击文字至少 24 px；正文优先 24/28，标题 36/48，App Bar 标题 40。
5. 内容左右至少 36 px，系统栏和底栏使用规范中定义的例外。
6. 默认整页切换、无自然滚动、无惯性、无回弹、无动画。内容过多时分页，不缩小字号，不切半行。
7. 明确空、加载、错误、禁用、长文本、首末页和离线状态。
8. 说明应用变化区域和刷新请求，由系统决定局刷、清理和全刷。
9. 对照验收清单输出已检查项和待实机验证项。

## 系统几何

1. 状态栏：y=0…40，水平 padding 24，垂直 padding 8，时间和图标建议 24 px。
1. App Bar：有状态栏时 y=56…104，高48，左右36，标题40普通字重，工具图标48×48，工具 Gap=24。
1. 底部导航区域：高64，底距16，基准 y=1136…1200，图标48×48，最外图标边距48，默认2–5项且不超过5项。
1. 底栏间距公式：`Gap=(W−2×48−n×48)/(n−1)`；684 px 宽时4项为132，5项为87。
1. 三栏齐全时应用画布 `(0,104,684,1032)`，建议内容区 `(36,120,612,1000)`。
1. 底部 4–8 px 可能不可见已经由底部 16 px 留白考虑，不再重复增加安全区。

## 实体按键

1. 底部左横杠：短按菜单；长按截图。
1. 底部中间圆圈：短按桌面；长按暂不定义。
1. 底部右横杠：短按返回；有临时菜单时优先关闭菜单；长按暂不定义。
1. 右侧实体按钮：短按锁屏；长按弹出“重启／关机”菜单。
1. 长按识别后取消同次短按。菜单键长按不得先打开菜单，电源键长按不得先锁屏。
1. 应用自定义菜单只接管菜单键短按内容，不覆盖截图、桌面、电源或全局返回。
1. 不自行补造长按阈值、去抖、组合键或强制断电行为。

## 菜单、截图、锁屏、关机

1. 菜单总高度不超过屏幕 H/2。基准设备最高608 px，容器上边缘不高于 y=608。
1. 菜单建议采用 List 或弹出控制中心；不自然滚动、不切半条目，过多内容整页分页或进入独立设置页。
1. 系统默认菜单提供“屏幕全局刷新”。当前设备不支持亮度调节，隐藏亮度项；其他设备按能力提供离散亮度档位或加减按钮。
1. 菜单覆盖区域阻止触摸穿透，关闭后恢复原页。不使用默认弹出动画和大面积灰色蒙层。
1. 长按菜单键截图，建议截取触发时已提交的完整画面，再显示静态成功／失败反馈；截图格式、存储路径和访问入口待定。
1. 电源短按进入可自定义锁屏；本版不定义模板、解锁、唤醒、壁纸和认证方式。
1. 选择关机后，建议最终屏幕为白底，仅显示黑色“已关机”，字号建议36 px。正常关机在断电前完成必要刷新；意外掉电不保证更新。

## 组件与交互

1. PagedList：整行点击，主标签推荐28，元信息20/24，整行完整分页。
1. IconGrid：基准3×3或3×4，图标上、名称下，名称推荐24。
1. CoverGrid：最多建议3列、3–4行，保持封面比例，提供文字识别替代入口。
1. 分页指示器使用底部／右侧圆点，当前页实心、其他页空心；单页不显示。
1. 独立操作推荐80×80 px热区；顶栏因图标中心距72，可采用72×80紧凑热区。热区不得重叠或越界。
1. 小组件基准尺寸612×600，不包含宿主标题行，不重复增加36 px边距。

## 刷新

应用提交脏区域和状态变化，系统合并更新并选择刷新模式。整页切换要覆盖完整分页矩形，包括旧内容变为空白的区域。大幅变化、实测残影阈值、驱动要求或用户主动请求时安排全刷。不虚构固定“每N次局刷全刷”规则。默认不使用旋转加载、循环动画、隐藏倒计时或无意义轮询。

## 交付要求

输出设计或代码时必须说明：系统栏组合、应用画布、内容区、组件、字号、留白、分页、实体按键行为、点击热区、变化区域、刷新责任、空／错误／加载状态以及待实机验证项。未实机测试不得声称验收通过。

## 最终检查

1. 白底、四类语义色、文字≥20、独立操作文字≥24。
1. 36 px 内容边距、系统栏几何和底部留白正确。
1. 底部菜单／桌面／返回键与侧边电源键映射正确，长短按互斥。
1. 菜单不超过下半屏，无触摸穿透；默认全局刷新存在，当前设备亮度项隐藏。
1. 无自然滚动、半行、惯性、默认动画和无意义刷新。
1. 长文本、空、加载、错误、离线、首末页和无封面状态可用。
1. 页面变短时旧像素清除；小组件612×600且不重复外边距。
1. 锁屏自定义、截图存储、长按阈值和菜单最终样式标记为待定。