和 Bolt.new / Lovable / v0 怎么选？

Tempo 主打『编辑真代码 + 可视化』，目标群体是已经懂 React 的开发者 / 早期团队，输出 production React 代码 + GitHub PR。Bolt.new / Lovable 更偏全栈 prompt-to-app（含后端 + 部署），v0 偏 shadcn UI 组件生成。要 React 控制度 + PR 工作流走 Tempo；要『一句话出可用应用』走 Bolt / Lovable；要 UI 组件库走 v0。

为什么只支持 React？

Tempo 把所有精力压在 React 生态（含 shadcn / Tailwind / Next.js），换来更深度的可视化编辑 + 更干净的代码输出。代价是 Vue / Svelte / Solid 用户用不了——官方明确这是 deliberate trade-off。

Multi-agent 规划具体怎么工作？

Tempo 的差异点：写需求后，先有 agent 生成 user-flow 图（页面 / 状态 / 数据流），用户确认后再多个 agent 协作写代码——而不是直接 jump-to-code。适合中等复杂度产品；简单 landing page 反而觉得啰嗦。

MCP App Store 提供什么？

Tempo 内置的插件市场：Stripe 支付 / Resend 邮件 / Clerk Auth / OpenAI agent / 消息推送等，一键插入到生成的应用，不用自己写 integration 代码。这是 2026 年 builder 类工具普遍补齐的能力。

Tempo — AIHO

Name: Tempo
Rating: 3.6

TL;DR

Tempo 是 YC 出身的 React-first AI 应用构建平台。差异点：多 agent 先生成 user-flow 图 → 用户确认 → 再写代码（不像 Bolt 直接 jump-to-code）；可视化编辑器编辑的是真 React，而非 HTML/CSS 模拟；一键 GitHub PR；MCP App Store 一键插 Stripe / Auth / 邮件。Free 起步、Pro ~$30/月 flat-rate message credits、Agent+ $4,500/月含人工设计 + code 审计。React-only。

适合：React 栈的 solo / 早期团队想要『可视化 + 真代码 + PR-friendly』；产品复杂度中等以上需要 user-flow 规划；设计师 + 前端工程师协作。不适合：Vue / Svelte / Solid 栈；纯 landing page（杀鸡用牛刀）；纯后端 / API；预算极紧（Free 配额很快用完）。

核心能力

多 agent 规划：先出 user-flow 图（页面 / 状态 / 数据流）→ 确认 → 写代码
可视化编辑真 React：选元素改样式 / 布局，输出 production React，不是 HTML 模拟
GitHub PR 推送：一键开 PR，沿用团队 review 流程
MCP App Store：Stripe / Resend / Clerk / OpenAI agent / 消息一键集成
Figma 导入：设计稿 → React + Tailwind
shadcn / Tailwind 内置：组件库一等公民
多端：Web + macOS（含 Intel）+ Windows + Linux 客户端
flat-rate message credits：不按 token，预算可预测
实时预览 + 协作

价格

Free：$0，有限 credits，验证够用
Pro：~$30/月，flat-rate message credits + 全 AI + 完整代码导出
Agent+：$4,500/月，AI + 人工设计 review + code 审计

真实陷阱：Free 复杂项目几天用完；Agent+ 价位是给 design agency / Series B 团队，solo 别上。

实测（solo founder / React + Tailwind 产品）

亮点：

user-flow 规划阶段帮 think before code，避免改了三次还偏
编辑真 React 体验比 Figma → 切图工作流流畅 10 倍
GitHub PR 让生成代码进入正常 review 流程，不像 Bolt 那种黑盒
MCP App Store 加 Stripe + Auth 一晚上跑通
flat-rate credits 比 token-based 容易预算
shadcn / Tailwind 输出代码干净，老工程师不抗拒

踩坑：

React-only 是真硬性约束，stack 不匹配就别尝试
复杂业务逻辑（多角色权限 / 工作流引擎）AI 规划深度不够
自定义 design system 不强，team brand 落地要手动
中文 UI / 文档弱，prompt 用英文最佳
Agent+ $4,500/月对个人 / 早期团队明显过位
偶尔 multi-agent 阶段卡顿，要重试
数据持久化 / 后端 API 仍要自己接（Tempo 主攻前端）

上手

tempo.new → 注册（GitHub / Google）→ 下客户端或用 Web
新建项目 → 写需求 prompt（含 user-flow 偏好）
multi-agent 出 user-flow 图 → 审阅 / 改 → 确认
自动生成 React + Tailwind + shadcn 代码
可视化编辑器调样式 / 布局，AI prompt 调逻辑
MCP App Store 加 Stripe / Clerk / Resend
GitHub 连接 → 一键 PR → 团队 review → merge

对比

维度	Tempo	Bolt.new	Lovable	v0
形态	React-first builder	全栈 prompt-to-app	全栈 prompt-to-app	UI 组件生成
多 agent 规划	✅ user-flow 图	部分	部分	–
可视化编辑真代码	✅ React	–	–	–
GitHub PR	✅ 一键	✅	✅	✅
MCP App Store	✅	–	–	–
框架	React only	多框架	多框架	React (shadcn)
代码导出	✅ Pro+	✅	✅	✅
起价	$30/mo	$20/mo	$20/mo	$20/mo
适合	React 开发者 + 早期团队	full-stack 快速验证	full-stack 快速验证	UI 组件

避坑

stack 必须是 React：Vue / Svelte / Solid 走别处，不要硬塞
复杂业务逻辑分多 prompt：一次喂太大 user-flow agent 会丢细节
数据 / 后端自己接：Tempo 前端为主，Supabase / Convex / 自家 API 都得手动接
Pro 配额监控：复杂项目 flat-rate 也会用尽，要看 dashboard
Agent+ 不要冲动：$4,500/月是给设计公司，先 Pro 跑两月看 ROI
GitHub PR 别盲 merge：AI 生成的 React 偶有 anti-pattern（useEffect 滥用 / 多余 state），人工 review
多 agent 卡顿：失败重试 / 简化 prompt，避免一次喂太多需求
brand / design system：自家品牌深度定制要在生成后手动调，AI 主要给通用模板

适合 / 不适合

✅ React 栈 solo / 早期团队
✅ 中等复杂度产品（多页 + 简单业务逻辑）
✅ 设计师 + 前端协作（可视化 + 真代码）
✅ 需要 GitHub PR-friendly 流程
✅ flat-rate 预算偏好
❌ Vue / Svelte / Solid 栈
❌ 纯 landing page（Framer / Webflow 更快）
❌ 纯后端 / API
❌ 极复杂业务（多角色 / 工作流引擎）
❌ 预算极紧（Free 不够，Pro 是底线）

来源

Tempo 官网（产品定位 + 真 React 编辑）https://www.tempo.new/
VibeCoding — Tempo Review 2026（多 agent / Agent+ $4,500 / MCP App Store）https://vibecoding.app/blog/tempo-review
AI Tools Mentor — Tempo Pricing & Specs（Free / Pro $30）https://www.aitoolsmentor.com/tool/tempo
TheseAITools — Tempo Labs 功能 / 用例 https://theseaitools.com/tools/tempo-labs

计划	价格	限制	国内支付
Free	$0	—	—
Pro	~$30/月	—	—
Agent+	$4,500/月	—	—