Skills

Record Browser Gif

把浏览器 / Web 界面操作录成优化过的 GIF:优先用当前可用的浏览器控制工作流(支持 recordVideo 时开 Playwright Videos...

Install

npx skills add Fei2411/DS-Bot --skill record-browser-gif -g -a claude-code -y
Repository
Fei2411/DS-Bot4.9k
Category
Testing
Updated
3d ago
License
Apache-2.0
Context cost
Mediumabout 1,910 tokens
Runs scripts
Yes, review before use

What it does

把浏览器 / Web 界面操作录成优化过的 GIF:优先用当前可用的浏览器控制工作流(支持 recordVideo 时开 Playwright Videos 拿更高帧率),用随附编码器裁剪、变速、收尾定格并控制尺寸与体积;需要挂到 PR 时用 gh --attach,不可用时退回专用 assets 分支。触发词:录 GIF、录屏、界面演示、PR 演示证据、截图。改了用户可见界面行为的 PR 按模板需要截图证据,用本 skill 从该 PR 分支的真实服务与真实模型流程录 GIF 即满足。

录制浏览器演示 GIF

产出一段简短、真实的界面演示 GIF;仅当任务包含「挂到 PR」时,才走文末的发布流程。优先使用当前可用的浏览器控制工作流;该工作流支持连续录像时用 Playwright Videos 拿更高帧率。裁剪、变速、收尾定格、尺寸和体积用随附编码器(scripts/encode_gif.py)。

两条纪律来自 DeepSeek Harness 的同名 skill(出处见 NOTICE):一个 storyboard 只来自一次隔离运行;发布前要重新校验产物和被演示 PR 的头提交。

界面改动的 PR 附演示 GIF

改了用户可见界面行为的 PR,按 PR 模板需要附截图证据;用本 skill 录的 GIF 满足该要求,嵌进 PR 正文或作为评论附件均可(见发布 GIF)。

录屏本身是证据的一部分:从该 PR 分支的代码树启动真实服务、用真实 API key、跑真实模型回合。不要用 fixture 查询、mock transport、合成事件注入或测试钩子替代,除非用户明确要求录 fixture。在 GIF 旁边注明被演示的确切 commit SHA、服务它的代码树与来源、模式开关或浏览器状态例外、是否跑了真实模型回合,让评审知道这段录像证明了什么。

录制与发布分开

  • 录制只产出本地视频或截图和一个 .gif,绝不动远端状态。
  • 发布, , 用 gh --attach 把 GIF 挂到 PR,或不可用时推到 assets 分支并嵌入 URL, , 是独立的最后一步,仅当任务包含挂到 PR 时执行。它绝不动 PR 自己的分支。
  • 保持约定的录制条件。真实服务 / 真实 API 的演示不得换成 fixture 查询、mock transport、合成事件注入或测试钩子。凭证或服务不可用时如实报告,不要拿 fixture 顶替。
  • 绝不读取或暴露凭证值。走应用正常的配置路径,用无害的演示提示词。截图和录像里同样不能有密钥、token 或个人信息(PR 模板硬性要求)。

搭建被演示的应用

为某个 PR 录的 GIF 演示的是该 PR 的代码树,按 PR 搭建:

Read the whole SKILL.md on GitHub

More in Testing