修复 bug
从 bug 报告到修复证明，都在一块画布上。
智能体在终端卡片里启动开发服务器，在“开发服务器”卡片上找到端口，在浏览器卡片里打开应用，像用户一样复现 bug。接着是失败的测试、修复、全绿的测试——再在浏览器里做一遍同样的点击，这次一切正常。
一个优惠码让购物车总价变成 NaN。智能体请求运行测试时，由你来回答。
Claude Code 启动开发服务器、找到端口、在浏览器卡片里复现 bug、用测试钉住、修复并证明。
先复现，不靠猜
智能体在 Chrome 卡片里点遍真实应用，先用 browser_snapshot 读回页面，再去碰代码。
用测试钉住 bug
先写回归测试，在你看得见的终端卡片里运行——修复前是红的，修复后是绿的。
真实的端口
“开发服务器”卡片列出正在监听的端口；ports_list 告诉智能体它的服务器到底跑在哪儿。
完成时你会知道
“需要你确认”和“已完成”是两种不同的通知——在桌面、手机或 Telegram 上。
修复 bug
一张卡片接一张卡片的闭环
五张卡片，以及它们之间的箭头。
01
启动
在终端卡片里运行 npm run dev。
02
复现
浏览器卡片打开“开发服务器”找到的端口。
03
钉住并修复
失败的测试、修复、一次全绿的运行。
04
证明
在浏览器里做同样的点击，结果正确。
开发
更多开发场景
每个场景都由你已经见过的卡片组成——挑下一个看看。
把下一个 bug 交给智能体
你的智能体，你的密钥，你的电脑。
下载 Windows 版Windows 10 / 11 · 64 位
macOS 和 Linux 版本即将推出。
首次运行向导会帮你安装智能体命令行工具、Git 和听写模型——每一步都可以跳过。