用途:在创建包含前端或 UI 修改的 PR 时,提供捕获和记录前后截图的指导,便于代码评审、异步设计评审,以及建立设计演变的视觉记录。
主要能力:给出截图工作流(改动前先 browser_resize、browser_navigate、browser_snapshot、browser_take_screenshot 捕获当前状态;改动后以相同视角重新截图)、可选的截图上传方式、PR 描述模板,以及不同设备视口尺寸建议。
使用方式:改动前按移动优先(如宽 320、高 568)等视口截图并保存;实施改动后刷新或导航到更新页面,重新 snapshot 获取更新后的 ref,再对同一元素截图;可在 PR 描述中用表格对比 before/after,或通过 curl -F 'file=@screenshot.png' https://0x0.st 上传,注意 0x0.st 链接会过期,永久记录建议用 GitHub 拖拽上传或项目文档存储。该技能与 /create-pr 命令配合使用。视口建议:移动 320x568、平板 768x1024、桌面 1280x800、宽屏 1440x900,默认移动端。
适用场景:有 UI 视觉改动的 PR、需要异步设计评审、需要建立视觉记录时。
限制:纯后端改动、无视觉变化的代码重构、仅测试改动、配置更新不建议截图。资料未提供该技能的具体安装方式、收费情况或平台限制。