Stagewise：重新定义开发者的「第二双手」

想象这样一个场景：深夜两点，你正在调试一个棘手的浏览器渲染 bug，浏览器控制台报错一堆，Stack Overflow 上翻了十几页还没找到答案——这时候，一个真正懂你代码的 AI 助手就坐在你旁边，它不只看到了你的错误信息，还直接接管了浏览器的控制台和调试器，帮你分析变量、定位问题、甚至直接写出修复方案。

这就是 Stagewise 想要做的事：把 AI coding agent 无缝嵌入开发者的日常工作流中，让 AI 不再是复制粘贴答案的工具，而是一个真正的「第二双手」。

图1：Stagewise 主界面——集浏览器预览与 AI 编程助手于一体的 Agentic IDE

它是什么：从 IDE 到「Agentic IDE」的跨越

Stagewise 由德国公司 stagewise GmbH 开发（2025年4月开源），定位为 Agentic IDE——一种内置 AI 编程智能体的新型集成开发环境。它不同于普通的代码补全工具（如 Copilot）或对话式 AI（如 ChatGPT），核心差异在于深度集成：

• 浏览+构建一体化：在同一个工具内同时进行网页浏览和代码开发，无需在浏览器和编辑器之间来回切换
• Agent 拥有完整调试权限：AI agent 可以访问当前标签页的 Console 输出和 Debugger，读取变量值、追踪调用栈，而不是只能猜测问题所在
• 临时改动 + 永久改动双模式：可以先做临时测试修改（不改源代码），满意了再提交到代码库；也可以直接连接真实代码库进行永久修改
• 网站逆向工程：对任意网站进行组件拆解，分析其样式系统、色彩方案和 UI 结构——对于前端学习者来说，这是一个极其强大的工具

从技术上看，Stagewise 基于 Electron 构建，本质上是一个功能丰富的桌面应用，采用 monorepo 架构（pnpm workspaces + Turbo），代码主要用 TypeScript 编写，渲染层使用 React，编辑器核心基于 TiPTap（富文本编辑器框架），终端模拟器则使用了 xterm.js。

图2：Stagewise 的 Agent 管理界面，可同时运行多个 AI 智能体

多模型支持：你的 API Key，你说了算

Stagewise 明确支持「Bring Your Own Key」模式，用户可以携带自己已有的各平台 API Key 直接使用，覆盖的模型供应商包括：

平台	代表模型
Anthropic	Opus 4.8, Sonnet 4.6, Haiku 4.5
OpenAI	GPT-5.5, GPT-5.3 Codex, GPT-5.4 mini
Google	Gemini 3.1 Pro, Gemini 3 Flash
Moonshot AI	Kimi K2.6, Kimi K2.5
阿里通义	Qwen3-Coder 30B, Qwen3-32B
DeepSeek	DeepSeek V4 Pro, DeepSeek V4 Flash
Z.ai (GLM)	GLM-5.1, GLM-5V-Turbo
MiniMax	MiniMax M2.7, MiniMax M2

同时也支持注册完全自定义的推理端点，包括本地部署的模型服务。这种开放性在同类工具中相当少见——大多数 AI coding agent 工具都锁定在特定模型上，Stagewise 则选择了一条更开放的路。

此外，Stagewise 还提供了自己的托管订阅服务（Free / Pro $20/月 / Ultra $200/月），提供更高的 API 调用配额，方便不想自行管理 Key 的用户。

图3：Stagewise 的高效 AI coding agent，可直接访问控制台和调试器

插件生态：不止于代码

Stagewise 的一大亮点是其插件化设计。仓库 bundled/plugins 目录中已内置多个插件，覆盖了现代开发工作流的方方面面：

• Figma 插件：直接在 Stagewise 内与 Figma 设计稿交互，将设计转换为代码
• GitHub 插件：浏览 GitHub 仓库、处理 Issue 和 PR
• Vercel 插件：预览部署、管理项目
• Supabase 插件：数据库管理和后端集成
• PostHog 插件：产品分析数据查看
• Remotion 插件：视频/动画制作
• Mini-Apps 插件：小程序开发环境
• JavaScript Sandbox：安全的 JS 执行环境

图4：GitHub 插件界面，可在 IDE 内直接处理 Issue

技术架构：精密的 Electron + TypeScript monorepo

Stagewise 的代码库组织得非常清晰，是一个典型的 TypeScript monorepo：

目录	说明
apps/browser	核心 Electron 应用（桌面客户端），使用 electron-forge 打包
apps/website	官网（Next.js），包含产品截图和文档
agent/runtime-node	Node.js 运行时环境，AI agent 的执行引擎
bundled/skills	内置 Agent 技能集：debug / implement / plan / preview / learn
bundled/plugins	平台插件（figma/github/vercel 等）

整个项目使用 Turbo 构建系统、Biome 进行代码风格检查和格式化、Vitest 作为测试框架。代码质量较高，TypeScript 类型覆盖完整，有完整的 CI/CD 流程。

AI agent 的设计采用 skill-based 架构：不同的 AI 任务（调试、实现、规划、预览）对应不同的 skill 模块，这种设计使得 agent 的行为高度可定制，开发者可以扩展自己的 skill 集合。

不过值得注意的是，Stagewise 目前没有提供 Dockerfile 或 docker-compose，作为一个桌面 Electron 应用，它的部署天然不适合容器化。这既是它的局限，也反映了它的定位——这不是一个服务端工具，而是一个需要图形界面的本地开发工具。

上手体验：本地安装门槛不高，但有前提

Stagewise 提供官方安装包（macOS / Windows / Linux），用户可以直接从 stagewise.io 下载。开发者的本地构建需要：

• Node.js >= 18
• pnpm >= 10（项目使用 pnpm workspaces）
• Electron 构建工具链（包括特定平台的原生依赖）

官方推荐首次使用时直接下载官方安装包，而非本地编译（本地编译约 30 分钟，官方安装包约 5 分钟）。没有 AI 模型的本地推理支持，需要自备 API Key 或使用官方托管服务。

争议与局限

尽管 Stagewise 获得了大量关注（GitHub 6000+ 星），它也面临一些质疑：

1. 安全性：AI agent 拥有对用户浏览器和代码库的完全访问权限，这要求用户对 AI 有高度信任。如果 agent 执行了意外操作（如误删文件），可能造成损失。

2. 成本：虽然「自带 Key」模式灵活，但高频使用的开发者会发现成本并不低——$200/月的 Ultra 计划也仅提供 75 倍免费配额。

3. 定位模糊：与 Cursor、Windsurf 等 AI-first IDE 相比，Stagewise 的差异化是否足够清晰？它的「浏览器内置」特性是一大卖点，但并非所有开发者都需要这一能力。

4. 本地化不足：目前对中文开发环境的支持较为有限，中文 README 文档内容几乎为空。

行业意义：AI Agent 从「辅助」到「协同」

Stagewise 的出现代表了 AI 编程工具的一个新阶段：AI 不再只是被动地回答问题，而是主动参与开发流程，拥有对开发环境的「感知」和「操作」能力。

从增长曲线看，Stagewise 从 2025 年 4 月开源到 2026 年 5 月获得了 6600+ stars（仅约 13 个月），是一个非常健康的增长曲线。这说明市场对「深度集成 AI」的开发工具确实存在强劲需求。

未来，随着更多模型供应商接入、插件生态的丰富，以及社区贡献的 skill 集，Stagewise 有潜力成为前端/全栈开发者的重要生产力工具。

图5：Stagewise 官方 Logo——开源 Agentic IDE 的代表项目

---

总结：Stagewise 是一款定位清晰的 Agentic IDE，通过深度集成浏览器调试能力、多模型支持和插件生态，为开发者提供了一个「AI 与开发环境一体化」的新范式。虽然作为 Electron 桌面应用存在部署限制，但其核心价值在于改变了 AI 与开发者之间的协作方式。如果你经常在浏览器环境中工作，并希望 AI 能真正「看到」和「操作」你的代码，Stagewise 值得关注。