stagewise 是一款專為前端開發者設計的 AI 輔助工具，旨在通過可視化交互和精準上下文傳遞提升開發效率。它通過瀏覽器工具欄的形式，將前端 UI 與代碼編輯器中的 AI 代理（如 Cursor、Windsurf 等）連接起來，實現“所見即改”的開發體驗 。用戶可以在瀏覽器中選擇網頁元素，系統會自動提取 DOM 信息、截圖和元數據，并將其發送給 AI 代理，以生成或修改代碼 。這種“手動喂料”的過程被自動化，大大提升了開發效率和準確性 。

• stagewise官網入口網址：https://stagewise.io/
• stagewise開源項目地址：https://github.com/stagewise-io/stagewise

stagewise 的核心功能包括精準元素選擇、智能 DOM 識別、無縫 Cursor 集成、多框架支持（如 React、Vue、Svelte 等）、高度可定制化配置以及零生產影響（僅在開發模式下運行）。它支持多種 AI 代理的集成，如 Cursor、Windsurf 等，并計劃支持更多 AI 代理的擴展 。此外，stagewise 采用開源與商業結合的模式，核心技術開源，部分企業功能商業化，歡迎社區貢獻和參與 。

stagewise 的優勢在于其視覺調試方式，無需開發者手動將 UI 問題轉化為文本描述，從而提高復雜網頁應用開發中的溝通效率和準確性 。它支持多種主流前端框架，如 React、Vue、Next.js 等，并且支持 MCP 服務器連接，實現更高性能、更安全的 AI 協同開發體驗 。此外，stagewise 提供豐富的插件接口，支持開發者根據項目需求擴展功能 。

stagewise 是一款專為前端開發者設計的 AI 輔助工具，通過可視化交互和精準上下文傳遞提升開發效率，是現代前端開發中不可或缺的工具之一。