github-pr-assets

name	github-pr-assets
description	Manage screenshots and other visual assets for GitHub pull requests. Use when a PR body needs real screenshots, when local /tmp paths must be replaced with durable links, when deciding whether GitHub web drag-and-drop uploads can be reproduced with gh api, or when updating a PR without disturbing the user's browser tabs.

GitHub PR Assets

Overview

Use this skill to attach verified screenshots or other review assets to GitHub PRs without relying on local-only paths or unverified upload behavior.

Core rule: PR descriptions must contain durable, publicly accessible Markdown links or images. A local path such as /tmp/foo.png is evidence for the agent, not a usable PR asset. Do not store transient PR screenshots in the product repository unless the user explicitly asks for that; use the dedicated agent-image repository.

Workflow

1. Inspect the PR body with gh pr view <number> --json title,body,url,headRefName,baseRefName.
2. Verify every screenshot or asset mentioned in the PR:
   • local existence: ls -lh <path>
   • image type and dimensions: file <path>
   • optional checksum: shasum -a 256 <path>
3. Choose the least disruptive hosting method:
   • Prefer existing durable URLs if the image is already hosted and can be verified.
   • For generated agent screenshots, use zly2006/agent-image by default. Check it with gh repo view zly2006/agent-image; if it does not exist, create it instead of claiming upload is blocked.
   • Put PR assets under a namespaced path such as zhihu-plus-plus/pr-<number>/<file>.png inside agent-image.
   • Use raw GitHub URLs for PR Markdown, for example https://raw.githubusercontent.com/zly2006/agent-image/main/zhihu-plus-plus/pr-<number>/<file>.png.
4. Push the branch before updating the PR body.
5. Verify hosted URLs with curl -I -L '<url>' and require HTTP 200 plus the expected content type.
6. Update the PR body with gh pr edit <number> --body-file -.
7. Re-read the PR body and re-check git status --short --branch.

PR 正文必须先写入临时 Markdown 文件，再通过 --body-file 传给 gh；不要把包含 \\n 的字符串直接作为 --body 参数，否则 GitHub 会把转义符原样显示，Markdown 不会解析。

GitHub Upload Boundary

Do not claim that GitHub's web drag-and-drop attachment upload can be reproduced with ordinary gh api unless a real endpoint has been verified in the current environment.

Known boundary:

• Public REST issue/comment APIs accept Markdown text; they do not expose a general "upload this screenshot attachment for a PR body" endpoint.
• uploads.github.com is for documented upload surfaces such as release assets, not a generic PR screenshot endpoint.
• The browser drag-and-drop flow depends on GitHub Web's authenticated session and internal request flow. A token-only gh api call is not equivalent.

When the user forbids browser disruption, do not open, focus, navigate, or upload through their active tabs. Use CLI/API inspection and raw-link hosting instead, or ask before using a separate browser context.

PR Body Requirements

For UI PRs, include:

• A short note that screenshots came from the actual app, device, emulator, or reproducible UI test output.
• Markdown image links, not local paths.
• Enough context to identify what each screenshot proves.

Good pattern:

截图来自实际运行的 Lite Debug APK + AVD `Medium_Phone_2`。

![回答详情赞同者弹层](https://raw.githubusercontent.com/owner/repo/branch/docs/pr-assets/pr-415/answer-voters-sheet.png)

Avoid:

- 回答详情赞同者弹层：`/tmp/answer-voters-sheet.png`

Review Discipline

Keep asset commits narrow:

• In the product repository, commit only skill/content changes needed for the requested PR.
• In agent-image, commit only the PR asset files needed for the requested PR.
• Do not touch unrelated dirty files in the user's worktree.
• Avoid committing large or reusable generated assets unless the PR requirement needs them.
• Prefer descriptive names like answer-voters-sheet.png over timestamp-only names.

截图夹具不得伪造产品数据资产

截图中的头像、封面、图片等远端产品资产必须来自该响应真实返回的 URL，并确认在截图执行面实际加载成功。不能为了让布局看起来完整，临时生成字母头像、纯色图片或其他人工占位资产，再把它作为功能效果截图发布；这种做法只能证明控件能显示任意图片，不能证明真实数据链路。如果真实资产因凭据、网络或防盗链暂时无法加载，应先移除不合格截图，继续修复执行面或明确报告阻塞，不能用伪造内容补齐画面。

Troubleshooting

创建 skill 的指令不能降级成普通记录

当用户明确说要“创建 skill”或纠正先前误写的 skill 触发词时，必须实际创建或更新一个 skill 目录，并按 skill 创建流程验证。不能只把经验写进现有文档、回复一句“记住了”，或把它当成任务已经完成。例子：用户要求把某类 PR 截图收尾流程沉淀成 skill 时，应该生成 SKILL.md、必要的 metadata，并跑 validator；不是只在原任务技能里加一条失败经验。

agent-image 不存在就创建

当流程要求用 agent-image 承载截图资产时，必须真实检查仓库是否存在。如果不存在，就用 gh repo create zly2006/agent-image --public 创建并继续上传；不能把截图提交到业务仓库，也不能说“没有仓库所以做不了”。例子：PR 需要两张 AVD 截图时，应把图片提交到 agent-image 的项目/PR 子目录，然后把 PR 正文改成该仓库 raw 链接。

raw 链接返回 404

先确认分支已推送，并且 URL 中的 owner、repo、branch、path 都精确匹配。路径大小写必须一致。用 gh pr view 确认 head branch，再用 curl -I -L 验证。

PR 仍显示旧截图或旧正文

先用 gh pr view <number> --json body 验证 GitHub 端正文是否已更新。浏览器缓存或 Markdown 渲染延迟不能替代 CLI/API 复查。

UI PR 截图应复用最合适的真实运行面

为 UI PR 准备效果截图时，选择当前健康、目标 API 匹配且能最低成本复现目标 UI 的 AVD；本地和远端都可以，不能为了满足形式而强制先启动 off。如果功能已经在某个 AVD 上完成真实验证，应优先继续复用同一运行面，避免无意义地重建状态。无论选择哪种设备，截图都必须来自包含当前提交的真实 APK，并验证目标状态确实可见。

数量驱动的布局必须覆盖边界截图

当 UI 布局会随条目数量切换时，PR 截图不能只挑两个看起来有代表性的数量；必须覆盖每个布局分支的入口、相邻边界和容易改变尺寸的少量情况。例子：图片卡片存在单图、普通多图和网格模式时，至少应分别提供 1、2、3 张以及进入网格模式数量的真实截图；3 张图不能证明 1、2 张图没有被放大或错排，满网格也不能证明网格入口数量正确。