技能包

d3k:讓助手接管本機 Web 除錯時間線

適合要讓編碼助手看同一條本機時間線來除錯的人,須 Node.js 24+,並先裝 d3k 技能和全域執行環境,不要另開一套伺服器或瀏覽器。

官方來源 · d3k

安裝

bunx skills add vercel-labs/dev3000 --skill d3k --agent '*' -g -y

適合誰

d3k 面向要在本機除錯 Web 應用、並讓編碼助手看到完整時間線的人。它會啟動你的開發伺服器,打開帶專案穩定 Chrome 設定的受監控瀏覽器,並把伺服器日誌、瀏覽器錯誤、網路活動、互動和截圖收成一條時間線。

主介面就是 d3k 技能:告訴助手你想測什麼或查什麼,讓它接管執行環境。它不適合作為普通「再開一個瀏覽器」的指令稿,也不適合你自己另起一套開發伺服器再讓助手去猜日誌。

使用前要滿足 Node.js 24 或更新版本。技能安裝與執行環境安裝是兩條命令,不要混成一句。沒有 skill 支援的環境,不要套用技能安裝命令。

3 分鐘完成第一次嘗試

技能的官方命令是:bunx skills add vercel-labs/dev3000 --skill d3k --agent '*' -g -y。倉庫地址是 https://github.com/vercel-labs/dev3000 請只按這一頁操作。執行環境官方命令是:bun install -g dev3000。說明也寫了 npm install -g dev3000 可用,但主路徑按 bun 走,不要再編第三條安裝器。

前置條件:本機 Node.js ≥ 24,有一個可本機啟動的 Web 專案,並且你接受助手拉起受監控瀏覽器。技能裝在助手側(命令帶 -g),執行環境裝在全域 dev3000 套件。裝完先確認助手能談到 d3k,再決定是否啟動。

低風險第一次任務:用一個可丟棄的本機應用。先明確告訴助手:以非互動方式啟動 d3k,保留背景行程,複用它管理的瀏覽器,只查看統一證據。啟動前確認連接埠和專案目錄,避免對著正式環境。成功訊號是出現一條帶時間戳的時間線(日誌、錯誤、網路或截圖),且助手沒有再單獨打開另一套開發伺服器或另一個瀏覽器。

若只想先確認安裝,可以先問助手「如何非互動啟動 d3k」,在看到它準備執行的命令後再核准。說明沒有寫預設連接埠號,也沒有寫如何停止行程;第一次先問停止方式再啟動。

使用案例

案例一:把除錯交給 d3k 技能。安裝技能後,直接說明要重現的頁面問題,讓助手擁有執行環境。適合你已經能用一句話描述「哪個頁面、什麼操作、看到什麼錯誤」的時候。說明沒有寫固定斜線命令,因此用自然語言即可。若助手開始自己 npm run dev 再開系統瀏覽器,應要求它改走 d3k。對照頁是 https://github.com/vercel-labs/dev3000

案例二:裝好全域執行環境後,讓助手非互動啟動並只讀時間線。技能教助手:非互動啟動、保留背景行程、複用託管瀏覽器、檢查統一證據,而不是另開伺服器或瀏覽器。適合回歸某個已知互動、需要同時看網路和截圖的時候。說明沒有列出時間線的檔案路徑或 UI 位址;因此只能做到「啟動後在助手給出的入口裡看證據」。未看到統一時間線之前,不要同時開第二套監控。

使用邊界

版本邊界:需要 Node.js 24 或更新。安裝邊界:技能用 bunx skills add vercel-labs/dev3000 --skill d3k --agent '*' -g -y,執行環境用 bun install -g dev3000(npm 也可以)。沒有 skill 支援就不要套用前一條。使用邊界:主介面是告訴助手目標,讓它接管執行環境;應複用託管瀏覽器和統一時間線,不要另開伺服器或瀏覽器。範圍邊界:它覆蓋本機開發伺服器、受監控瀏覽器、日誌、錯誤、網路、互動和截圖;說明沒有寫遠端環境或正式環境探測。停止與連接埠細節未展開,第一次先問清楚再啟動。