clawbench-user-guide skillA
clawbench-user-guide is agent-read markdown (skill) from clawbench-dev/clawbench: 为 ClawBench 生成桌面端与移动端图文使用说明 / 用户手册配图。桌面端：720p 降采样截图参数（2560×1440 视口 + zoom=2 再 LANCZOS 降到 1280×720）、左栏 441px 构图约束、浮层抑制与自检（三个 fixed 浮层的 offsetParent 判据失效陷阱）、完成通知卡片必须 reload 清除、演示数据搭建与还原、按模块的取景清单与 DOM 选择器、三段式文档结构。移动端：CDP 设备模拟（zoom 方案对移动端完全无效）、390×844@3 竖屏参数与 585×1266 后处理、底部 Dock 与全屏 TabPanel 布局事实、手势阈值速查、Android App 模式 bridge stub 注入（必须 dispose）、移动端验收判据。触发词：使用说明、用户手册、user guide、图文说明、功能说明文档、手册配图、文档配图、移动端文档、手机端说明、竖屏截图。.
Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns the same grade.
What the file says
# ClawBench 桌面端使用说明（截图 + 文档）
为 ClawBench 生成「图文并茂的桌面端使用说明」：在真实实例上截取 720p 功能图，配上按模块组织的说明文字。
> 与 `clawbench-screenshot` skill 的区别：那个是**宣传图/hero 图**导向（1080p、2x、追求好看、无遮挡深色）；这个是**文档配图**导向（720p、信息完整、能看清操作、允许界面里有真实数据）。两者的登录/浮层/主题流程相通，但参数与验收标准不同。
## 一、截图参数（实测确定，别改）
| 项 | 值 | 说明 |
|---|---|---|
| 视口 | **2560×1440** | 设备像素 |
| `documentElement.style.zoom` | **`'2'`** | 有效 CSS 布局 = 1280×720 |
| 截图原始尺寸 | 2560×1440 | |
| 后处理 | `Image.resize((1280,720), Image.LANCZOS)` | 降采样，输出 720p |
| 单图体积 | 约 400–620 KB | PNG optimize |
**为什么用 zoom 超采样而不是 CDP 的 deviceScaleFactor：**
`Emulation.setDeviceMetricsOverride({deviceScaleFactor: 2})` 在本环境**实测不生效**（`devicePixelRatio` 仍是 1，输出还是 1280×720）。改用「视口放大 2 倍 + `style.zoom=2`」可稳定得到 2x 渲染。
**关键：布局等价性已验证。** zoom=2 / 视口 2560 与直接 1280×720 / zoom=1 的归一化几何**逐值相同**（实测侧栏都是 `[1000, 36, 280, 684]`）。所以不会因为超采样而改变布局——只是渲染更锐利。
**不要固定 1280×720 视口 + zoom=1**：文字会有明显锯齿。也不要 zoom=1.25 配 1280 视口——有效宽度降到 1024，正好卡宽屏断点，三栏被压扁。
### 主题必须显式钉成 github-dark
**新浏览器 profile 的默认主题是 `auto`（跟随系统）**。在本环境系统是亮色 → 截图整片白底，与既有图（深色）完全不一致。
```js
localStorage.setItem('clawbench-settings-theme', JSON.stringify('github-dark'));
```
既有图的实测背景色（用于自检）：`#161B22` / `#0D1117` / `#21262D`。
…Read the whole file at its exact version.
How to install
mdr add clawbench-dev/clawbench/clawbench-user-guide@git:20260922.81f8ca4mdr add clawbench-dev/clawbench/clawbench-user-guide@sha256:8263cc02b0d318b7Pin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.
[](https://markdownregistry.com/a/art_zynfvwimxwv6gp7g)
1 badge views in 30 days
Versions
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| git:20260922.81f8ca4 latest | 2026-09-22 | 81f8ca4 | 63,119 B | A | view · diff |
| git:20260922.7286629 | 2026-09-22 | 7286629 | 63,124 B | A | view · diff |
| git:20260919.f6c53ea | 2026-09-19 | f6c53ea | 62,871 B | A | view · diff |
| git:20260919.bab982a | 2026-09-19 | bab982a | 62,009 B | A | view · diff |
| git:20260919.0e47ba2 | 2026-09-19 | 0e47ba2 | 59,978 B | A | view · diff |
| git:20260919.16382ef | 2026-09-19 | 16382ef | 54,808 B | A | view · diff |
| git:20260919.ac1c3a3 | 2026-09-19 | ac1c3a3 | 55,208 B | A | view |
Audit of the latest version
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (63119 bytes)
- pass: No zero-width or bidi control characters
- pass: No instruction hidden inside an HTML comment
- pass: No link to an exfiltration or paste host
- pass: No credential-shaped string
- pass: No instruction to send local credentials anywhere
- pass: No text hidden with inline styles
- pass: No prompt-injection phrasing
- pass: No curl or wget piped into a shell
- pass: No recursive delete of root, home or parent
- pass: No instruction to read or print local credentials
- pass: No base64 blob over 200 characters
- pass: No link to a raw IP address
- pass: No script tag
Source
clawbench-dev/clawbench · 208 stars · license MIT · pushed 2026-09-22 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_zynfvwimxwv6gp7g GET https://markdownregistry.com/api/v1/resolve?ref=clawbench-dev/clawbench/clawbench-user-guide GET https://markdownregistry.com/api/v1/blob/8263cc02b0d318b7a64c9854a741831d0c624e4592293fb7c334248a7fba9bd4
Your agent does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.