github-upload-image-to-pr

通过AI指令,自动将本地图片上传并嵌入到GitHub PR中。

开发流程 前端开发测试工程师全栈开发 生成PR描述评审代码PR测试网页UI claude通用 ★ 36 更新于 2026-07-22

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:github-upload-image-to-pr。
它的用途是:通过AI指令,自动将本地图片上传并嵌入到GitHub PR中。
完整的 Skill 内容见:https://321skill.com/skills/github-upload-image-to-pr/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

“请把`./screenshots/result.png`这张测试结果图添加到当前PR的描述里。” 它会自动打开浏览器,将图片上传至GitHub附件服务器,然后使用`gh pr edit`命令将图片的Markdown链接插入到PR描述中,整个过程无需你手动拖拽或复制链接。

介绍

这个Skill解决了在GitHub Pull Request(PR)中嵌入本地图片的自动化难题。GitHub官方API不提供直接上传图片到PR描述或评论的功能,手动操作又繁琐。

使用起来非常直观。你只需在支持此Skill的AI助手(如Claude Code)中,用自然语言发出指令,例如“把这张截图贴到PR里”,Skill就会自动启动浏览器,模拟人工操作将图片上传至GitHub的附件服务器,并最终通过GitHub CLI将图片的Markdown链接更新到PR描述中。

它非常适合需要频繁在PR中展示UI截图、测试结果、图表或前后对比图的开发者、测试人员和项目维护者,能极大提升沟通效率。

与同类工具或手动操作相比,它的核心区别在于巧妙地绕过了GitHub API的限制。它没有尝试去破解不存在的API,而是通过浏览器自动化模拟真实用户的上传行为,直接从GitHub的Web界面获取持久化的图片链接,是一种既聪明又实用的解决方案。

核心特点

核心区别在于它利用浏览器自动化模拟人工操作,绕过了GitHub官方API不支持图片上传的限制,实现了其他仅依赖API的Skill无法完成的功能。

注意事项

不适合在无头环境或无法启动/连接浏览器的CI/CD流水线中完全自动化使用。

常见问题

需要登录GitHub吗?

需要,Skill通过浏览器操作,依赖已登录的会话状态。

上传的图片会公开吗?

图片会生成GitHub用户附件链接,通常只有仓库有访问权限的人可见。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/github-upload-image-to-pr/raw/index.md 读取 github-upload-image-to-pr 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。