🎯
Stagewise
让AI编程拥有"火眼金睛"的神器
告别AI"瞎改"的时代
😤 传统痛点
截图 + 文字描述
AI总是改错地方
来回折腾十几次
开发效率低下
✨ Stagewise解决方案
直接选择UI元素
精准传递位置信息
一次性改对
效率提升3-5倍
核心功能特点
精准选择
鼠标悬停高亮UI元素，支持多选，可视化反馈，绝不选错
智能识别
自动提取DOM信息，包含CSS类名、样式属性、层级关系
无缝集成
与Cursor、Windsurf完美配合，支持React、Vue、Next.js等主流框架
高度可定制
支持自定义插件，可配置工具栏，开放API接口
截图与元数据
自动捕获页面截图，收集设备信息、浏览器数据等丰富元数据
MCP协议支持
支持Multi-Context Protocol，可连接自定义MCP服务器扩展功能
AI代理兼容性
支持多种主流AI编程助手，让你自由选择
| AI代理 | 支持状态 | 版本 |
|---|---|---|
| Cursor | ✅ 完全支持 | v0.1+ |
| Windsurf | ✅ 完全支持 | v0.2+ |
| GitHub Copilot | 🚧 开发中 | 即将推出 |
| Cline | ❌ 暂不支持 | - |
| Continue.dev | ❌ 暂不支持 | - |
| Amazon Q | ❌ 暂不支持 | - |
使用流程 - 简单三步走
1
安装插件
在Cursor/Windsurf扩展市场搜索"Stagewise"并安装
2
自动配置
使用Cmd+Shift+P调出命令面板，输入"setupToolbar"自动配置
3
选择元素
在网页上直接点击要修改的UI元素
✨
AI修改
输入需求描述，AI基于精确的元素信息进行修改
效果对比
使用前 😰
60%
AI理解准确率
5轮
平均对话次数
需要截图+文字描述
AI经常改错地方
开发效率低下
使用后 😍
95%
AI理解准确率
1轮
平均对话次数
直接选择+简单描述
AI精准理解位置
效率提升3-5倍
核心价值
效率提升
开发效率提升3-5倍，告别反复修改的痛苦
沟通简化
减少90%的沟通成本，AI秒懂你的意图
门槛降低
新手也能轻松上手，无需复杂的技术描述
体验升级
真正的"所见即所得"，开发体验质的飞跃
开启智能前端开发之旅
还在为AI改UI抓狂？立即体验Stagewise的神奇魅力！
立即安装 Stagewise