指向頁面元素
檢視執行中的 localhost 頁面，查看帶有選取器與尺寸的元素外框，並點選需要處理的確切元素。
概覽
PulseDev 是 macOS 桌面開發工具，可直接修正執行中本機網站的介面問題。它結合本機伺服器、可嵌入的 widget，以及與 Claude Code、Codex、Gemini CLI 和 OpenCode 等 coding agent 的連線。
開發者只要指向某個元素、描述應如何變更，就能在頁面脈絡中檢視 agent 的原始碼編輯內容。PulseDev 寫入專案檔案前，必須先核准差異；同時，hot reload 可在執行中的網站中顯示提議的結果。此工具 предназнач於本機開發，而非正式環境部署。
功能
脈絡化註解
在選取的元素旁以一般語言撰寫請求，並使用 Shift 鍵點選來附加其他元素。頁面、選取器與 viewport 會隨任務一併傳送。
使用現有的 coding agent
選擇 Claude Code、Codex、Gemini CLI 或 OpenCode，使用你電腦上已設定好的 agent 與計畫來處理修正。
即時 agent 活動與任務看板
agent 在頁面旁工作時，透過即時記錄查看它的讀取、編輯與指令。任務可追蹤為排隊中、執行中、審查中或已完成。
需核准的原始碼變更
在 widget 中檢視產生的差異、查看受影響的檔案，並在變更寫入檔案前核准、拒絕、停止或反覆調整提議的變更。
本機開發設定
透過 script tag 或專案設定流程，在本機網站中使用 widget。Vue、Nuxt、React、Next.js、Astro、SvelteKit、Laravel、Solid、Remix、Eleventy、Hugo、Jekyll 與純 HTML 均提供框架指南。
使用情境
修正可見的 UI 問題
在執行中的網站中選取按鈕、標題、徽章或導覽連結，描述視覺或內容問題，而不必先手動找出其來源元件。
將頁面審查轉為可執行任務
直接針對受影響的元素擷取回饋，包括其選取器與頁面，讓 agent 能開啟相關原始碼檔案，而不必依賴脫離脈絡的螢幕擷取畫面或模糊的工單。
反覆調整前端變更
將變更傳送給現有的 coding agent，查看它讀取與編輯檔案的過程，接著使用 hot reload 與審查差異確認結果是否符合請求。
追蹤多個本機專案的工作
透過任務看板管理多個本機專案中的修正，查看專案、伺服器、agent、狀態與最近活動。
為支援的技術堆疊加入視覺回饋
當團隊在實作期間需要輕量的視覺回饋循環時，將 widget 加入 Vue、React、Next.js、Nuxt 或純 HTML 開發網站。
Pros and Cons
Pros
- 將視覺頁面脈絡——元素、選取器、頁面與 viewport——連結至 agent 任務。
- 透過明確的審查與核准步驟，讓原始碼變更受到控管。
- 在本機執行，並使用開發者電腦上已設定好的 coding-agent 計畫與認證資訊。
- 在修正過程中提供即時 agent 記錄、任務追蹤與 hot-reload 回饋。
- 支援 script-tag 設定方式，並為多種網頁技術堆疊提供框架指南。
Cons
- 目前桌面版下載內容適用於 macOS；Windows 版本標示為即將推出。
- 工作流程需要本機開發伺服器，以及已安裝並登入的 coding-agent CLI。
- 原生 Vue 套件標示為即將推出；目前 Vue 設定使用 script tag 或專案設定流程。
FAQ
如何設定 PulseDev？
PulseDev 是 macOS 桌面應用程式，會執行本機伺服器，並在 localhost 上執行的網站中嵌入 widget。你可以在應用程式中新增專案，選擇讓它設定 widget，或加入包含專案 token 的 script tag。
視覺修正工作流程如何運作？
在 Inspect 模式中，點選執行中網站的元素，描述想要的變更，也可以按住 Shift 再點選以納入更多元素。註解會包含頁面、選取器與 viewport 的脈絡，之後再傳送給選定的 agent。
PulseDev 支援哪些 coding agent 與編輯器？
PulseDev 可連接 Claude Code、Codex、Gemini CLI 與 OpenCode。文件也說明了 Claude Code、Cursor 與 VS Code 的 MCP 連線，讓編輯器能讀取並關閉註解。
PulseDev 能搭配 Vue 應用程式使用嗎？
Vue 指南表示 PulseDev 支援 Vue 3，包括 Composition API、Options API 與 script setup。指南也指出，script tag 方式可搭配 Vuetify、PrimeVue 與 Quasar 等元件庫使用。
PulseDev 會立即寫入變更嗎？
不會。agent 會編輯原始碼，但變更在你核准前都會維持在審查狀態。你可以檢視差異、拒絕變更、停止執行，或回覆以引導 agent。
Quick Facts
- 類別
- 開發者工具
- 平台
- macOS 13 或以上版本；Apple Silicon 與 Intel 建置版本
- 主要工作流程
- 指向本機頁面元素、描述修正內容、檢視差異並核准
- 支援的 agent
- Claude Code、Codex、Gemini CLI、OpenCode
- 本機伺服器
- 在 localhost 上執行；文件記載的預設伺服器埠號為 3899
- 目前版本
- v0.8.5