vercel-labs/dev3000

解决的问题

开发 Web 应用程序时，通常需要同时处理多个孤立的信息流：服务器日志、浏览器控制台错误、网络请求和浏览器状态。对于 AI 编码代理来说，这更加困难，因为它们缺乏对环境的统一视图。d3k 提供了一个单一的、以代理为中心的本地 Web 调试运行时，将所有这些信号整合到一个时间线上，并为应用程序提供一个稳定、无端口的 URL。

工作原理

d3k 作为开发服务器和受监控浏览器的管理器。它启动你的开发服务器，并使用项目专用的持久化配置文件打开一个 Chrome 浏览器（保留 Cookie 和登录状态）。然后，它将服务器输出、浏览器控制台消息、网络活动和用户交互捕获为一个统一的证据流。

它使用一种称为「无端口（Portless）」的系统，提供一个稳定的 HTTPS URL（例如 https://my-app.localhost），即使底层开发端口发生变化，该 URL 也保持不变，从而防止回调中断和状态丢失。

适用人群

主要面向使用 AI 编码代理的开发者，使代理能够自主驱动浏览器、检查统一日志并调试问题。同时也为偏好仪表盘视图的人类开发者提供了一个独立的终端用户界面（TUI）。

特色亮点

• 统一证据流：将服务器日志、浏览器错误和网络请求整合到一个时间线上，便于调试。
• 以代理为中心的设计：包含一个「d3k 技能」，教会代理如何与运行时交互、驱动浏览器并分析日志。
• 稳定的无端口 URL：提供一个即使开发服务器端口变化也不会改变的稳定 HTTPS URL。
• 持久化浏览器配置文件：维护项目专用的 Chrome 配置文件，使登录状态和本地存储在会话间保持不变。
• 广泛框架支持：自动检测并支持常见 Web 框架，如 Next.js、Vite、React、Vue、Svelte、Astro、Django、Flask、FastAPI 和 Rails。