AI 应用生成器
bolt.diy / Bolt.new / Webstudio / Budibase / ToolJet / Onlook / Sandpack — 浏览器里生成全栈应用 + 实时改 React。
这个 pack 装了什么
| # | 生成器 | 最适合 | 产出 |
|---|---|---|---|
| 1 | bolt.diy | 自托管的 Bolt 风格生成器 | WebContainer 里的全栈应用 |
| 2 | Bolt.new | 托管 prompt-to-SaaS | 全栈应用 + 部署到 Netlify |
| 3 | Webstudio | 视觉化构建器，设计工具人体工学 | 干净的 React + CSS |
| 4 | Budibase | 自托管的内部工具 | 低代码应用 + Postgres |
| 5 | ToolJet | 内部工具，更多拖拽 | 低代码应用 + 连接器 |
| 6 | Onlook | 「代码版 Figma」，浏览器实时改 React | 改你现有 React 仓库的 diff |
| 7 | Sandpack | CodeSandbox 出的可嵌入沙盒 | 任何页面里能跑的 React |
七个工具覆盖全光谱，从「打一句话给 SaaS」到「让设计师对我真实 React 代码库做视觉控制」。它们不可互换 —— 每个押的赌注不同：谁来干活、生成什么。
为什么要看
「AI 帮你建应用」品类 2025 年从噱头变成真工作流，三个原因：
- WebContainers：StackBlitz 浏览器内 Node 运行时让完整 npm install + 开发服务器在标签页里 5 秒启动，不再「等我们 provision 个沙盒」
- 前沿模型编码能力：Claude Sonnet 3.7 和 GPT-5 终于能写出真的能编译能跑的 React，不是「修三次差不多能用」
- 真代码库实时编辑：Onlook 是突破 —— 设计师在浏览器拖元素，直接给你现有仓库出干净 diff。不用再「Figma 重设计 → 工程师重实现」
结果：从 prompt 建一个 CRUD 应用现在 15 分钟连同 auth、部署、真数据库都搞定。瓶颈从写代码转移到产品思考。
一条命令装齐
# 装整个 pack
tokrepo install pack/ai-app-builders
# 或者按场景挑
tokrepo install bolt-diy
tokrepo install webstudio
tokrepo install onlook
每个资产的 TokRepo 页面都列了托管 vs 自托管选项、典型每次生成 token 成本，以及支持的部署目标（Netlify / Vercel / Cloudflare Pages / Docker）。
常见坑
- WebContainer != Node：bolt.diy 和 Bolt.new 在 WebContainer 里跑，是个 Node 兼容 WASM 运行时。带原生绑定的 npm 包跑不了。下手前确认你的栈支持
- 生成代码偏离：AI 生成的 React 经常用偏离规范的模式（hook 没正确 memo、客户端/服务端边界 bug）。把生成当起点，不是成品
- 内部工具 vs 应用：Budibase 和 ToolJet 是内部工具生成器 —— 假设是认证的员工用户。不要直接当面向客户的 SaaS 上，得重做 auth、品牌、边缘情况
- Onlook 要真仓库：它改你的 React，不是沙盒。要本地起一个 agent 进程。当成设计师装一次的工具，不是按任务起的
- Bolt.new 的 token 花销：全应用生成一轮可能烧 10 万+ token。托管版有用量上限；自托管 bolt.diy 用自己的 Anthropic key 没上限但直接付账
这个 pack 单跑不够
这个 pack 生成前端。要跑出真产品还需要：
- 后端或 CMS：看 AI 友好 Headless CMS —— Strapi / Directus / Hasura，给生成的应用接结构化数据
- 数据库：bolt.diy 的 WebContainer 演示用 SQLite 或内存；生产要 Postgres / Supabase / Neon
- Auth：Bolt.new 自动接 Auth0 或 Supabase Auth；自托管要自己显式规划
- 部署流水线：Netlify 或 Cloudflare Pages 选一个坚持
要 docs 站、营销页、产品博客根本不用这个 pack —— 看 静态站 & 文档生成器。应用生成器解的是不同形状的问题。
常见误解
「我这周末生成个 SaaS」。可能 —— 但生成的代码只是 70% 的工作。Auth 流程、支付集成、多租户、错误状态、移动响应边界、GDPR 同意、无障碍、可观测，AI 生成器全跳过或做得差。剩下那 30% 才是产品死活的地方。
7 个资产打包就绪
常见问题
这些工具免费吗？
bolt.diy / Webstudio（社区版）/ Budibase（社区版）/ ToolJet / Onlook（有限制）/ Sandpack 都开源可自托管免费。Bolt.new 托管版有免费层，付费方案约 $20/月起。隐藏成本是 LLM token 花销 —— 生成一个完整应用一轮可能烧 $1-3，真项目会迭代 5-20 次。
Bolt.new 还是 bolt.diy？
想要打磨好的托管体验、能接受它的定价、不在乎模型选择，选 bolt.new。要自托管、BYOK（Anthropic / OpenAI / 本地 Ollama）、能 fork 生成器本身，选 bolt.diy。输出类似；区别是谁运维基础设施、谁付 LLM 账。
能搭 Cursor / Codex CLI 用吗？
多数是独立 Web 应用而不是 CLI —— 浏览器访问、生成、下载或部署。Onlook 是例外：它配合你本地 React 项目，你视觉编辑同时 Cursor 或 Codex CLI 处理别的。Sandpack 可嵌入，可以塞进 Cursor 扩展或文档站。
跟静态站 & 文档生成器有啥区别？
应用生成器生成动态全栈应用，带状态、auth、数据库。静态站生成器生成预渲染的营销/文档站，没后端。产品有用户账号就用本 pack；要发博客或落地页用静态站 pack。
运维上最大的坑？
低估生产化的尾巴。AI 生成器一小时把你带到能跑的 demo。把那个 demo 卖给付费客户要加 auth、支付、错误处理、监控、无障碍、移动测试、GDPR、某些市场 SOC 2 —— 通常额外 4-12 周。规划好；别当那个第三天就把 Bolt 原型当真产品上线的创始人。