乐于分享
好东西不私藏

Vercel 开源了一个变态工具:让 AI 帮你 debug,终于不是玄学了

Vercel 开源了一个变态工具:让 AI 帮你 debug,终于不是玄学了

你有没有过这种经历——

AI 助手问你要复现步骤,你说”就那样点了几下就报错了”。然后 AI 沉默三秒,回你一句”能否提供更多上下文”。

你心里想:我要是知道更多上下文,我还用找你?

这不是 AI 的问题,是 debug 信息本身就没法传递。你眼里的”正常操作”,在 AI 眼里是一片空白。

Vercel Labs 最近开源了一个项目,叫 dev3000(内部叫 d3k ),干的事情就是一件事:把开发过程的一切全部录下来,打包给 AI

它在录什么?

d3k 跑起来之后,会监控你开发服务器 + 浏览器的所有输出:

服务端日志——console.log、报错、进程输出
浏览器 console——前端打印的一切
网络请求——谁调了谁、参数是什么、返回是什么
自动截图——页面导航时、报错时、用户点击时
用户交互——点击了哪里、表单提交了什么

最后生成一份带时间戳的统一日志, AI 打开一看:哦,原来是用户在登录页点了三次忘记密码,第四次切换到手机号登录,然后触发了验证码接口的 500 错误——整个过程清清楚楚。

怎么用?

一条命令:

buninstall-gdev3000
d3k

选一个 AI 助手( Claude / Codex 等),它会在 split-screen 窗口里跑起来。你正常操作 app , AI 实时看着,有问题直接问它。

不想接 AI ?也行:

d3k--no-agent# 纯录像模式
d3kerrors# 查看所有错误(服务端+浏览器合并)
d3klogs# 查看日志
d3kfix# 让 AI 深度分析错误

为什么这件事值得注意?

传统 debug 的信息丢失率极高。你以为”就是那个页面报错”,但实际触发条件可能是:特定浏览器 × 网络延迟 × 用户状态。 AI 拿着残缺信息,只能靠猜。

d3k 把这个信息损失填平了。

更关键的是,它来自 Vercel——Next.js 的娘家。他们的工程师每天面对的是数百万开发者的线上问题。这个工具内部打磨了多久,不知道;但开源出来,说明已经过了”能扛住”的阶段。

适合谁用?

独立开发者:没有团队帮你 code review , AI 接手了一半的工作
AI 编程深度用户: Cursor 、 Claude Code 、 Vercel v0……这类工具越来越多,但”上下文缺失”是通病。 d3k 是个补全方案
前端团队:线上 bug 反馈过来,日志截图全有,定位效率翻倍

一个隐患

它本质上是全量录制开发过程。对于闭源项目,记得确认一下录制数据存在哪里、是否加密、有没有境外合规风险。个人项目随意,公司项目先问安全部门。

怎么安装?

buninstall-gdev3000
d3k--with-agentclaude# 直接起 Claude 窗口

GitHub :vercel-labs/dev3000[1]


一句话总结: d3k 做的事,就是把 debug 变成一场有录像的回放。 AI 不是在帮你猜,而是在帮你看病——它能看到完整的病历,而不是只听到你口述的症状。

你平时 debug 最费时间的环节是什么?我好奇评论区见。


参考链接

[1] vercel-labs/dev3000: https://github.com/vercel-labs/dev3000