stagewise

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 辅助工具，通过可视化交互和精准上下文传递提升开发效率，是现代前端开发中不可或缺的工具之一。