你的AI编程过程有多透明？vibe-replay让每次Coding都能回放

AI 编程会话跑了几百步，最后只剩下一个 PR diff——中间发生了什么？prompt 思路、工具调用顺序、sub-agent 的推理过程，全部消失在空气里。vibe-replay 就是来解决这个问题的。

这个开源工具能把 Claude Code、Cursor、Codex、Pi、Grok Bot 的编程会话，转化成一个自包含的交互式 HTML 动画回放。评审者打开链接，就能像看视频一样一步步回看整个 AI 编程过程——每一个命令、每一次文件编辑、每一个推理节点，全部可见可追溯。

它能做什么

最直接的使用场景是 PR 描述里的 Session Replay。你只需要跑一条命令：

npx vibe-replay --session --github

就会在本地生成三个文件：一份带完整统计数据的 Markdown 摘要、一张动画 GIF 预览图、一个可交互的 SVG。把摘要直接粘进 PR 描述，reviewer 点开链接就能看到整个编码过程的动态回放，而不只是盯着 diff 干瞪眼。

它还带一个本地 Dashboard。跑 npx vibe-replay -d 就能看到所有历史会话的活动热力图、项目级分析、花费统计——你什么时候在哪个项目上花了多少 token，一目了然。对于想复盘自己 AI 编程效率的人来说，这个功能相当实用。

Session Retro：像看回放一样学 prompt

除了给 reviewer 看，vibe-replay 还特别适合个人复盘。跑 npx vibe-replay sessions --scan --json 能搜索历史会话，加上 --brief 参数可以直接拿到质量评分和匹配信号。

你的 prompt 为什么效果好？为什么 AI 跑偏了？工具调用有没有浪费？——这些问题以前只能靠脑子回忆，现在直接看回放。相当于给每一次 AI 编程都装了一个行车记录仪。

安装方式

全局安装 CLI：

npx vibe-replay

如果你用 Claude Code，可以直接装成插件（agent 会自动触发 replay 技能）：

/plugin marketplace add tuo-lei/vibe-replay
/plugin install vibe-replay@vibe-replay

如果你想在 Cursor 或其他支持 Agent Skills 的工具里用，装这个 skill 就行：

npx skills add tuo-lei/vibe-replay --skill replay -g

安装后 agent 就能自主发现当前会话、生成 replay 并嵌入 PR，整个过程零手动操作。

谁适合用

如果你经常和团队成员 review AI 写的代码，或者你想记录和分享自己的 AI 编程思路，这个工具能显著提升信息密度。GitHub 上 3,983 颗星，支持 7 种主流 coding agent，生态相当成熟。

唯一需要注意的是：生成的 HTML 文件是自包含的，零外部请求，可以安全地发到 Slack、邮件或任何地方——敏感信息会在生成时自动做红扣处理。

GitHub：https://github.com/tuo-lei/vibe-replay

GitHub: https://github.com/tuo-lei/vibe-replay