什么是stagewise?
Stagewise 是一款专为生产级代码库设计的前端开发工具,让你直接在浏览器中可视化构建应用界面。它兼容所有主流前端框架,本地运行,无需复杂配置,通过简单的点选和自然语言指令就能快速修改代码。
stagewise的核心功能有哪些?
- 智能理解你的网站:自动分析 DOM 结构、样式和组件,提供精准的修改建议。
- 框架无关:完美支持 React、Vue、Angular、Next.js 等任何前端技术栈。
- 所见即所得:直接点击页面元素并输入指令,实时看到修改效果,迭代速度飞起。
- 设计系统友好:根据现有设计风格智能推荐样式,保持界面一致性。
- 插件扩展:支持 React、Vue 等框架的专属插件,进一步提升提示准确性。
stagewise的使用案例有哪些?
- 快速修复 UI bug,无需手动翻代码。
- 和设计师协作,实时调整界面细节。
- 接手遗留项目时,轻松理解并修改陌生代码。
- 用自然语言描述需求,自动生成前端代码。
如何使用stagewise?
- 在项目根目录启动开发服务器(如
pnpm dev)。 - 新开终端,运行
npx stagewise@latest。 - 打开浏览器,点击页面元素直接编辑,用自然语言告诉它怎么改。





