Clawed On Watch · 浏览器样机(公开可分发)
作者: Cencen(GitHub SDS-CC)
在线: https://sds-cc.github.io/clawed-on-watch/
仓库: https://github.com/SDS-CC/clawed-on-watch
本目录是 Clawed On Watch 的可独立打开视觉/交互样机:讨论信息层级、状态与视觉语言。
- 纯前端、零构建、不接设备与真实数据
- 不含系统 API、桥接协议、密钥或包名
- 公开页用 GitHub Pages(
main根目录);验证时看在线 URL,不要只依赖本地 file://
公开仓库根目录(本样机即 repo root):
clawed-on-watch/
├── index.html # 唯一入口
├── assets/
│ ├── clawd-pet/ # 宠物 GIF(第三方衍生,见 NOTICE)
│ └── quota-digit-*.svg
├── docs/ # 封面与场景截图
├── tools/ # 截图脚本等
├── third_party/ # 上游许可证原文
├── LICENSE # 本仓库代码 MIT
├── NOTICE.md # 第三方来源与署名
├── README.md
└── AGENTS.md # 本文件
backups/、*.zip 仅本地,已被 .gitignore,不要打进公开包。
- 保持
index.html零依赖可双击打开(Google Fonts 为可选外链)。 - 设计画布 390×450。
- 场景切换只用右侧按钮;命令行不可点切场景。
- 宠物资源放
assets/clawd-pet/,路径写相对index.html的assets/...。 - 不要在此目录写绝对路径、工程目录名、厂商系统模块名、真实账号或密钥。
| 项 | 约定 |
|---|---|
| 进度条 | 12 段 + marker(约 8.33%/段) |
| 分档色 | 充足/良好 #32D74B · 临界 #FF9F0A · 告急 #D65A3A · 耗尽 #B83A2A |
| 宠物/气泡 | 全局最低 %;充足/良好/临界可点按轮换(单/双套餐) |
| 单套餐 | 额度 + 套餐名 + 命令行展示 |
| 双套餐 | 上下堆叠、无命令行区 |
| balance | 单条 Bal + Rem/Base |
| 未同步 | 全 -- + security 宠物 |
| 息屏 | 日期 + HH:MM + 单行配额 + 底部宠物 |
- 原型页只保留标题 + 控件短标签,不要塞说明段落、spec 脚注、页脚口号。
- 说明性内容写在
README.md。
- 浏览器打开
index.html - 场景:等待同步 / 充足 / 告急 / 耗尽 / 余额 / 双套餐 / 息屏
- 充足档点宠物可轮换;小屏宽度可读