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

• stagewise官網(wǎng)入口網(wǎng)址：https://stagewise.io/
• stagewise開源項(xiàng)目地址：https://github.com/stagewise-io/stagewise

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

stagewise 的優(yōu)勢(shì)在于其視覺調(diào)試方式，無需開發(fā)者手動(dòng)將 UI 問題轉(zhuǎn)化為文本描述，從而提高復(fù)雜網(wǎng)頁應(yīng)用開發(fā)中的溝通效率和準(zhǔn)確性 。它支持多種主流前端框架，如 React、Vue、Next.js 等，并且支持 MCP 服務(wù)器連接，實(shí)現(xiàn)更高性能、更安全的 AI 協(xié)同開發(fā)體驗(yàn) 。此外，stagewise 提供豐富的插件接口，支持開發(fā)者根據(jù)項(xiàng)目需求擴(kuò)展功能 。

stagewise 是一款專為前端開發(fā)者設(shè)計(jì)的 AI 輔助工具，通過可視化交互和精準(zhǔn)上下文傳遞提升開發(fā)效率，是現(xiàn)代前端開發(fā)中不可或缺的工具之一。