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。