前端开发者在使用 Cursor、Windsurf 等 AI 开发工具时，有时候需修改 UI 界面的样式颇为麻烦，需要准备告诉 AI 具体元素位置相关信息。
给大家推荐 stagewise 这款开源工具，它提供了一个浏览器工具，让我们能直接在网页上选择元素并添加评论。
然后帮助我们将元素截图、DOM 结构等关键信息一键发送给 Cursor 等 AI 助手进行处理。
GitHub：http://github.com/stagewise-io/stagewise
主要功能：
- 直接在浏览器中选择任意 UI 元素并发送给 AI 助手；
- 自动连接 VS Code 扩展，无需额外配置；
- 支持多种前端框架：React、Vue、Next.js、SvelteKit 等；
- 可通过自定义插件系统扩展功能；
- 提供 DOM 元素、截图和元数据给 AI 代理；
- 不会影响应用的打包体积，仅在开发模式下生效。
对于前端开发工程师，如果有在使用 Cursor 这些 AI 开发工具，不妨搭配这款工具使用试试。
https://x.com/GitHub_Daily/status/1924072477224743016
https://github.com/stagewise-io/stagewise
给大家推荐 stagewise 这款开源工具，它提供了一个浏览器工具，让我们能直接在网页上选择元素并添加评论。
然后帮助我们将元素截图、DOM 结构等关键信息一键发送给 Cursor 等 AI 助手进行处理。
GitHub：http://github.com/stagewise-io/stagewise
主要功能：
- 直接在浏览器中选择任意 UI 元素并发送给 AI 助手；
- 自动连接 VS Code 扩展，无需额外配置；
- 支持多种前端框架：React、Vue、Next.js、SvelteKit 等；
- 可通过自定义插件系统扩展功能；
- 提供 DOM 元素、截图和元数据给 AI 代理；
- 不会影响应用的打包体积，仅在开发模式下生效。
对于前端开发工程师，如果有在使用 Cursor 这些 AI 开发工具，不妨搭配这款工具使用试试。
https://x.com/GitHub_Daily/status/1924072477224743016
https://github.com/stagewise-io/stagewise