什么是stagewise？
stagewise 是一款工具，它将 AI 开发代理直接集成到应用程序的开发模式中，使得可以在代码基础上进行“视觉化编码”。它将应用的前端与用户偏好的 AI 代码代理连接，发送丰富的上下文信息，如 DOM 元素、屏幕截图和元数据。这使得用户可以使用自然语言提示编辑他们的 Web 应用 UI。它与 React、Vue、Angular 和 Next.js 等流行前端框架无缝集成，并支持多种 AI 编码助手。
如何使用 stagewise？
要使用 stagewise，首先从您的代码编辑器的市场安装扩展（如 Cursor、VS Code）。接下来，在您的 Web 应用中安装并注入 stagewise 工具栏。这可以通过 AI 辅助设置（如在 Cursor 中按 CMD + Shift + P 并输入 `setupToolbar`）或手动设置指南来完成。一旦工具栏被注入，就会自动连接到扩展。最后，在开发模式下启动应用时，工具栏将出现，允许您开始使用提示编辑您的 Web 应用 UI。
stagewise 的核心功能
- 通过 AI 提示进行视觉化 UI 编辑
- 将丰富的上下文（DOM 元素、屏幕截图、元数据）发送给 AI 代理
- 与流行的前端框架（React、Vue、Angular、Svelte、Next.js、Nuxt）无缝集成
- 兼容多种 AI 编码助手（Cursor、GitHub Copilot 等）
- 简单设置，开箱即用
- 可通过配置文件自定义
- 对生产应用程序的包大小没有影响
- 在浏览器元素上进行实时评论
stagewise 的使用案例
#1使用自然语言提示准确调整 UI 元素。
#2简化 UI 更改，特别是对于用户原本未编写的代码。
#3提高开发人员生产力，简化设计师与开发人员之间的协作。
#4使复杂前端任务变得更容易和更愉快。
