stagewise

stagewise 是一款面向前端开发者的 AI 辅助工具，通过浏览器工具栏与代码编辑器中的 AI 代理（如 Cursor、Windsurf 等）建立连接，实现基于可视化交互的高效开发流程。用户在浏览器中选中页面元素后，系统会自动提取对应的 DOM 结构、截图及相关元数据，并将这些上下文信息传递给 AI 代理，用于生成或调整代码，从而减少手动描述 UI 问题的环节。

stagewise官网入口网址：https://stagewise.io

核心能力

• 支持精准的网页元素选择与智能 DOM 识别
• 原生集成 Cursor 等主流 AI 编码代理
• 兼容 React、Vue、Svelte、Next.js 等主流前端框架
• 仅在开发环境下运行，对生产环境无任何影响
• 提供高度可配置的选项与插件扩展接口
• 支持通过 MCP 协议连接本地或远程服务器，提升协同开发的安全性与性能

该工具采用开源策略，基础功能已在 GitHub 公开，同时保留部分高级特性用于企业场景。通过将视觉信息直接转化为 AI 可理解的上下文，stagewise 有效降低了前端开发中 UI 与代码之间的沟通成本，适用于需要频繁调试界面或快速迭代组件的开发场景。

在 千流导航 中，stagewise 被列为提升现代前端工程效率的实用工具之一。