vercel-labs/dev3000

它解决的问题

编码代理通常难以理解应用运行时实际发生的情况：服务器输出、浏览器控制台消息、网络请求和用户交互分散或不可见。d3k 为代理提供这些事件的单一共享时间线，以及它可以控制的受管理浏览器，因此代理可以运行项目、重现问题并检查证据，而无需单独的仪表板或二进制文件。

工作原理

你安装 d3k 技能（例如使用 pnpm dlx skills add vercel-labs/dev3000 --skill d3k）。该技能拥有一个小型后台 JavaScript 运行时。启动后，运行时启动应用的开发服务器和 Chrome 浏览器，使用稳定的本地 URL，如 https://my-app.localhost。然后代理可以发出诸如 browser snapshot、browser click 和 events 的命令来读取服务器日志、控制台消息、异常、网络请求和交互。事件共享在收集时分配的序列号，你可以按会话和游标查询它们。时间线最多可容纳 5,000 个事件或 8 MiB；不写入日志文件，运行时退出时证据消失。只有浏览器配置文件和会话发现数据持久化在 ~/.d3k/<project>/ 下，控制使用经过身份验证的本地 IPC 而非网络监听器。

适用人群

使用编码代理（如 Claude 或类似工具）调试 Web 应用的开发者和团队。它需要 Node.js 24+、pnpm 和 Chrome。当你希望代理运行你的项目、重现报告的问题并检查发生了什么而无需手动收集日志时，它特别有用。

亮点

• 为代理提供受管理的浏览器以及服务器和浏览器活动的共享、带时间戳的时间线。
• 无需全局二进制文件或终端仪表板——只需在 Node 下运行的小型 JavaScript 运行时。
• 诸如 browser snapshot、browser click 和 events 的命令让代理检查状态和历史。
• 按来源或错误级别过滤，使用游标翻页浏览事件流。
• 保护隐私：省略请求头和正文，URL 查询值被编辑，仅持久化最少数据。
• 支持 --headless 用于 CI，以及 --servers-only 用于不需要浏览器监控时。