mcpField
P
pr-screenshots

pr-screenshots

github.com/petem24开发021 次安装6 天前更新
代码仓库

关于 pr-screenshots

pr-screenshots 是一项通过将截图上传至 ImgBB 并嵌入链接,为 GitHub 拉取请求添加图片的 Skill。它还说明安全上传、设置图片过期时间以及处理上传失败的方法。

主要功能

  1. 01将截图上传到 ImgBB
  2. 02生成 Markdown 图片链接
  3. 03可选设置图片过期时间
  4. 04检查公开图片的隐私风险
  5. 05处理上传错误

适用场景

  1. 01在 PR 中添加桌面和移动端截图
  2. 02在评审图片中展示种子数据或测试数据
  3. 03让上传图片在指定时间后过期

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/petem24/skills --skill pr-screenshots

安装后在 Claude Code 中输入/pr-screenshots确认已加载。

附带文件upload.sh

详细介绍

PR 截图

GitHub 没有用于在拉取请求中附加图片的 API,因此请将图片上传到 ImgBB,并将返回的链接嵌入 PR。

上传前

ImgBB 链接是公开的:任何拥有 URL 的人都可以查看图片,即使仓库是私有的。只上传显示预置数据或测试数据的截图。 切勿上传显示真实个人数据、机密、令牌或 凭据的图片。如有疑虑,请勿上传,改用文字描述结果。

步骤

  1. 按需截取相应尺寸的图片,例如桌面端和移动端。为 每个文件取一个描述性名称,因为名称会成为替代文本。

  2. 使用此技能目录中的 upload.sh 脚本上传:

    <skill-dir>/upload.sh output/screens/profile-desktop.png output/screens/profile-mobile.png
    

    脚本会为每个文件打印一个 Markdown 图片链接。传入 -e <seconds> 可让 ImgBB 稍后删除图片(例如,-e 2592000 表示保留 30 天)。

  3. 将链接发布到 PR,并说明每张图片展示的内容:

    gh pr comment <number> --body "$(cat <<'MD'
    ## Screenshots
    
    Profile page, desktop (1440px):
    ![profile-desktop](https://i.ibb.co/...)
    
    Profile page, mobile (390px):
    ![profile-mobile](https://i.ibb.co/...)
    MD
    )"
    

    如果由你创建 PR,请将此部分放在 PR 正文中。

如果上传失败

如果脚本提示未设置 IMGBB_API_KEY,请停止操作,并告知用户 此机器需要通过其技能仓库中的 setup.sh 完成初始化。不要自行运行该脚本、查找密钥或改用其他图片托管服务。 其他故障请报告脚本显示的错误消息。

评论

支持 Markdown