stagewise

网站介绍: Stagewise 是一款专为前端开发者设计的开源工具，通过在浏览器中嵌入工具栏，将 Web 应用的 UI 直接与代码编辑器中的 AI 编码代理（如 Cursor、GitHub Copilot、Windsurf）连接。开发者只需点击页面上的 UI 元素并输入自然语言提示，Stagewise 即可捕获 DOM 元素的屏幕截图和元数据，生成精准的上下文信息，传递给 AI 代理，从而实现快速、准确的代码修改或组件调整。 (xyaiopen.com)

核心功能:

1. 一键选元素：直接在浏览器中选择任意 UI 元素并发送给 AI 助手。
2. 无缝连接 VSCode：自动连接 VS Code 扩展，无需额外配置。
3. 多前端框架支持：支持多种前端框架：React、Vue、Next.js、SvelteKit 等。
4. 自定义插件系统：支持开发者添加自定义插件，扩展功能，灵活性拉满。
5. 上下文精准传递：提供 DOM 元素、截图和元数据给 AI 代理。

如何使用:

1. 在 VS Code 市场安装 Stagewise 扩展（marketplace.visualstudio.com）。安装后，扩展会自动部署 MCP 服务器，点击“Enable”即可。
2. 在浏览器中安装并注入工具栏。
3. 在开发模式下启动应用，工具栏将出现在浏览器右下角，允许您开始使用提示编辑您的 Web 应用 UI。

联系方式: 未直接提供，建议访问官方网站获取更多信息。

社交媒体: 未直接提供，建议访问官方网站获取更多信息。

公司背景: Stagewise 由两位德国创始人 Julian Goetze 和 Glenn Töws 于 2024 年创立，致力于为前端开发者提供高效的 UI 编辑工具。 (ycombinator.com)