[{"data":1,"prerenderedAt":1255},["ShallowReactive",2],{"header-counts":3,"footer-counts":6,"compare-bolt-new-vs-tempo":9,"compare-a-bolt-new":10,"compare-b-tempo":704},{"tools":4,"reviews":5},78,26,{"tools":4,"reviews":5,"playbooks":7,"news":8},22,21,null,{"id":11,"title":12,"alternatives":13,"api_compatible":9,"body":17,"category":610,"chinese_friendly":596,"cover":611,"description":612,"domestic":613,"extension":614,"faq":615,"free":613,"github":634,"languages":635,"lastVerified":9,"meta":637,"models":9,"navigation":638,"notSuitable":639,"opensource":638,"path":644,"pillar":645,"platforms":646,"priceTable":648,"pricing":663,"published":664,"relatedPlaybooks":665,"relatedReviews":668,"score":671,"self_host":613,"seo":674,"seoTitle":9,"slug":675,"sources":676,"stem":687,"suitable":688,"tagline":693,"tags":694,"updated":701,"verdict":702,"website":570,"__hash__":703},"tools\u002Ftools\u002Fcoding\u002Fbuilder\u002Fbolt-new.md","Bolt.new",[14,15,16],"coding\u002Fbuilder\u002Flovable","coding\u002Fbuilder\u002Fv0","coding\u002Fbuilder\u002Freplit-agent",{"type":18,"value":19,"toc":592},"minimark",[20,25,47,50,74,77,80,102,105,214,220,224,230,235,238,241,259,262,266,269,273,276,280,290,293,461,464,516,520,527,530,560,563,582],[21,22,24],"h2",{"id":23},"tldr","TL;DR",[26,27,32,44],"div",{"className":28},[29,30,31],"card","p-5","my-4",[33,34,35,39,40,43],"p",{},[36,37,38],"strong",{},"一句话："," Bolt.new 是 ",[36,41,42],{},"StackBlitz 出品的「浏览器全栈 AI builder」","，靠自家 WebContainers 把 Node.js 跑进浏览器，不需要本地 npm\u002FDocker。一句话 → 全栈应用 + Supabase 后端 + 一键部署 Netlify，2 个月做到 $20M ARR。",[33,45,46],{},"做 MVP \u002F demo \u002F hackathon 没有之一最快。正式产品维护期仍需本地 IDE 接手。",[21,48,49],{"id":49},"它到底是个什么",[33,51,52,53,60,61,64,65,73],{},"Bolt.new 站在 ",[54,55,59],"a",{"href":56,"rel":57},"https:\u002F\u002Fstackblitz.com",[58],"nofollow","StackBlitz"," 多年积累的 ",[36,62,63],{},"WebContainers"," 技术上——一个让 Node.js 跑在浏览器 WASM 里的 runtime。这意味着你打开 bolt.new，",[36,66,67,68,72],{},"没有 ",[69,70,71],"code",{},"npm install","、没有 Docker、没有「works on my machine」","，dev server \u002F 包管理器 \u002F 终端全部在浏览器里。",[33,75,76],{},"Bolt 在这套地基上加了 AI agent 层：你描述需求 → AI 写代码 → WebContainer 装依赖 + 跑 dev → 右边浏览器预览。整个流程是真的「想到 → 看到」的秒级反馈。",[33,78,79],{},"差异化定位：",[81,82,83,90,96],"ul",{},[84,85,86,89],"li",{},[36,87,88],{},"Cursor 假设你是开发者","，想要 AI 协助。",[84,91,92,95],{},[36,93,94],{},"Lovable 假设你可能永远不看代码","。",[84,97,98,101],{},[36,99,100],{},"Bolt 落在中间","：能不写一行代码，但完整代码就在你眼前可改。",[21,103,104],{"id":104},"价格",[106,107,108,126],"table",{},[109,110,111],"thead",{},[112,113,114,118,120,123],"tr",{},[115,116,117],"th",{},"档位",[115,119,104],{},[115,121,122],{},"Token 配额",[115,124,125],{},"适合谁",[127,128,129,144,158,172,186,200],"tbody",{},[112,130,131,135,138,141],{},[132,133,134],"td",{},"Free",[132,136,137],{},"$0",[132,139,140],{},"每日 ~150K token",[132,142,143],{},"探索 \u002F 评估",[112,145,146,149,152,155],{},[132,147,148],{},"Pro",[132,150,151],{},"$20\u002F月",[132,153,154],{},"10M token\u002F月",[132,156,157],{},"个人 MVP",[112,159,160,163,166,169],{},[132,161,162],{},"Pro 50",[132,164,165],{},"$50\u002F月",[132,167,168],{},"26M token\u002F月",[132,170,171],{},"重度迭代",[112,173,174,177,180,183],{},[132,175,176],{},"Pro 100",[132,178,179],{},"$100\u002F月",[132,181,182],{},"55M token\u002F月",[132,184,185],{},"多项目并行",[112,187,188,191,194,197],{},[132,189,190],{},"Pro 200",[132,192,193],{},"$200\u002F月",[132,195,196],{},"120M token\u002F月",[132,198,199],{},"重度专业",[112,201,202,205,208,211],{},[132,203,204],{},"Teams",[132,206,207],{},"$60\u002F用户\u002F月起",[132,209,210],{},"团队共享",[132,212,213],{},"团队协作",[33,215,216,219],{},[36,217,218],{},"重点提醒","：复杂项目重度迭代一个 session 能烧 300K token。如果你打算用 Bolt 跑严肃 MVP，预期月度成本 $50+ 而不是 $20。",[21,221,223],{"id":222},"真实任务实测基于公开素材归纳","真实任务实测（基于公开素材归纳）",[225,226,227],"blockquote",{},[33,228,229],{},"来源说明：以下场景为 Bolt.new 公开演示视频与第三方评测（vibecoding.app、Tool Junction）的工作流归纳。",[231,232,234],"h3",{"id":233},"任务-11-小时出一个-saas-原型","任务 1：1 小时出一个 SaaS 原型",[33,236,237],{},"prompt：\"做一个 todo SaaS，Supabase 后端，邮箱注册，每个用户能加\u002F删\u002F改\u002F标完成\"",[33,239,240],{},"Bolt 流程：",[242,243,244,247,250,253,256],"ol",{},[84,245,246],{},"选技术栈（React + Vite + Tailwind）",[84,248,249],{},"装依赖（浏览器内 npm install，~30 秒）",[84,251,252],{},"写代码（auth \u002F RLS policy \u002F CRUD endpoints）",[84,254,255],{},"起 dev server 显示预览",[84,257,258],{},"用户在浏览器里就能注册测试",[33,260,261],{},"时间：~45 分钟，含手动调整 UI。",[231,263,265],{"id":264},"任务-2figma-设计稿导入","任务 2：Figma 设计稿导入",[33,267,268],{},"Bolt 支持 Figma URL 导入，AI 根据图层结构生成响应式组件。准确率 70% 左右，复杂动效需要手动改。",[231,270,272],{"id":271},"任务-3一键部署-netlify","任务 3：一键部署 Netlify",[33,274,275],{},"完成后点 \"Deploy\"，Bolt 直接推到 Netlify（也支持 Cloudflare Pages）。10 秒后拿到一个可访问 URL，比手动部署省半小时。",[21,277,279],{"id":278},"上手-5-分钟","上手 5 分钟",[281,282,288],"pre",{"className":283,"code":285,"language":286,"meta":287},[284],"language-text","1. 浏览器打开 https:\u002F\u002Fbolt.new\n2. 用 GitHub 登录\n3. 输入第一个 prompt（用英文，中文 prompt 偶尔出英文 UI）\n4. 等 30-60 秒看到代码生成 + 预览\n5. 在 Chat 里迭代（\"加一个登录页\"、\"改成深色主题\"）\n6. Connect Supabase（一键）\u002F Connect Netlify（部署）\u002F Push to GitHub（导出）\n","text","",[69,289,285],{"__ignoreMap":287},[21,291,292],{"id":292},"同类对比",[106,294,295,313],{},[109,296,297],{},[112,298,299,302,304,307,310],{},[115,300,301],{},"维度",[115,303,12],{},[115,305,306],{},"Lovable",[115,308,309],{},"v0 by Vercel",[115,311,312],{},"Replit Agent",[127,314,315,332,349,364,380,397,413,429,444],{},[112,316,317,320,323,326,329],{},[132,318,319],{},"母体",[132,321,322],{},"StackBlitz WebContainer",[132,324,325],{},"自研（GPT Engineer 派生）",[132,327,328],{},"Vercel + shadcn\u002Fui",[132,330,331],{},"Replit IDE",[112,333,334,337,340,343,346],{},[132,335,336],{},"技术栈",[132,338,339],{},"多框架全栈",[132,341,342],{},"React + Supabase",[132,344,345],{},"React\u002FNext.js only",[132,347,348],{},"50+ 语言",[112,350,351,354,357,360,362],{},[132,352,353],{},"Runtime",[132,355,356],{},"浏览器（WebContainer）",[132,358,359],{},"云端",[132,361,359],{},[132,363,359],{},[112,365,366,369,372,374,377],{},[132,367,368],{},"后端",[132,370,371],{},"Supabase 一键",[132,373,371],{},[132,375,376],{},"手动",[132,378,379],{},"Replit DB \u002F Postgres",[112,381,382,385,388,391,394],{},[132,383,384],{},"部署",[132,386,387],{},"Netlify \u002F Cloudflare",[132,389,390],{},"Lovable 自家",[132,392,393],{},"Vercel",[132,395,396],{},"Replit 自家",[112,398,399,402,404,407,410],{},[132,400,401],{},"Free 额度",[132,403,140],{},[132,405,406],{},"5 message\u002F天",[132,408,409],{},"$5 credit\u002F月",[132,411,412],{},"150K token\u002F天",[112,414,415,418,420,423,426],{},[132,416,417],{},"起价",[132,419,151],{},[132,421,422],{},"$20\u002F月（Starter）",[132,424,425],{},"$20\u002F月（Premium）",[132,427,428],{},"$20\u002F月（Core）",[112,430,431,434,437,439,441],{},[132,432,433],{},"中文",[132,435,436],{},"❌",[132,438,436],{},[132,440,436],{},[132,442,443],{},"部分",[112,445,446,449,452,455,458],{},[132,447,448],{},"适合",[132,450,451],{},"多框架全栈 prototype",[132,453,454],{},"非技术 + Supabase MVP",[132,456,457],{},"React 前端组件",[132,459,460],{},"多语言 + 移动端",[21,462,463],{"id":463},"避坑清单",[242,465,466,472,478,484,494,500,506],{},[84,467,468,471],{},[36,469,470],{},"Pro $20 看上去够，实际可能 1 周烧光","。重度 prompt 用户预算到 Pro 50。",[84,473,474,477],{},[36,475,476],{},"复杂业务逻辑 AI 容易出错","，比如多角色权限 \u002F 复杂 reducer \u002F 嵌套 state，需要手动接管。",[84,479,480,483],{},[36,481,482],{},"Supabase 生产环境另外花钱","：Bolt 帮你接 Supabase，但 Supabase 自己的 Pro $25\u002F月也躲不掉，加上 Bolt 总开销 $45+ 起。",[84,485,486,489,490,493],{},[36,487,488],{},"导出代码后本地跑可能要补 .env","，Bolt 浏览器内能跑不代表本地 ",[69,491,492],{},"npm install + npm run dev"," 直接通——尤其 Supabase key 类配置。",[84,495,496,499],{},[36,497,498],{},"国内访问可能慢","，CDN 节点在欧美，第一次加载 WebContainer 可能 30 秒+。",[84,501,502,505],{},[36,503,504],{},"WebContainer 不支持所有原生模块","（比如需要 fsevents \u002F native binding 的包），偶尔会撞墙。",[84,507,508,511,512,515],{},[36,509,510],{},"生成代码不是生产级","，TypeScript 类型偶尔 ",[69,513,514],{},"any","、可访问性偶尔缺；适合 0→1，不适合 1→1000。",[21,517,519],{"id":518},"适合-不适合","适合 \u002F 不适合",[33,521,522,523,526],{},"✅ Indie hacker \u002F hackathon \u002F MVP；非技术创始人；多框架前端 prototype；快速 demo。",[524,525],"br",{},"\n❌ 复杂业务逻辑系统；需要长期维护到自有云；中文场景重度依赖；对 token 用量敏感。",[21,528,529],{"id":529},"相关阅读",[81,531,532,539,546],{},[84,533,534,535],{},"配套 playbook：",[54,536,538],{"href":537},"\u002Fplaybook\u002Fbolt-vs-lovable-vs-v0.html","Bolt vs Lovable vs v0 怎么选",[84,540,541,542],{},"同分类：",[54,543,545],{"href":544},"\u002Fcoding\u002Fbuilder\u002F","AI 应用 Builder 全分类",[84,547,548,549,552,553,552,557],{},"替代品：",[54,550,306],{"href":551},"\u002Fcoding\u002Fbuilder\u002Flovable.html"," · ",[54,554,556],{"href":555},"\u002Fcoding\u002Fbuilder\u002Fv0.html","v0",[54,558,312],{"href":559},"\u002Fcoding\u002Fbuilder\u002Freplit-agent.html",[21,561,562],{"id":562},"来源",[81,564,565,572,579],{},[84,566,567,568],{},"官网：",[54,569,570],{"href":570,"rel":571},"https:\u002F\u002Fbolt.new",[58],[84,573,574,575],{},"融资 \u002F 公司信息：",[54,576,577],{"href":577,"rel":578},"https:\u002F\u002Fapp.dealroom.co\u002Fcompanies\u002Fbolt_stackblitz",[58],[84,580,581],{},"第三方评测：vibecoding.app 2026-03 评测、Tool Junction StackBlitz 评测、Metacto 关于 Supabase 真实成本",[225,583,584],{},[33,585,586,587,591],{},"本卡片由 AIHO 编辑部根据以上公开资料整理，非厂商付费内容；定价与功能以官网为准，欢迎在 ",[54,588,590],{"href":589},"mailto:hello@aiho.net","反馈邮箱"," 反馈更新。",{"title":287,"searchDepth":593,"depth":593,"links":594},3,[595,597,598,599,604,605,606,607,608,609],{"id":23,"depth":596,"text":24},2,{"id":49,"depth":596,"text":49},{"id":104,"depth":596,"text":104},{"id":222,"depth":596,"text":223,"children":600},[601,602,603],{"id":233,"depth":593,"text":234},{"id":264,"depth":593,"text":265},{"id":271,"depth":593,"text":272},{"id":278,"depth":596,"text":279},{"id":292,"depth":596,"text":292},{"id":463,"depth":596,"text":463},{"id":518,"depth":596,"text":519},{"id":529,"depth":596,"text":529},{"id":562,"depth":596,"text":562},"builder","\u002Fimg\u002Ftools\u002Fbolt-new.webp","Bolt.new 真实评测：StackBlitz 出品的 AI Web 应用生成器（$20M ARR \u002F 2 个月），WebContainers 让 Node.js 在浏览器里跑、Supabase 一键集成、Figma\u002FGitHub 导入、一键部署 Netlify；2 个月 ARR $20M 不是吹的。",false,"md",[616,619,622,625,628,631],{"q":617,"a":618},"Bolt.new 和 StackBlitz 什么关系？","Bolt.new 是 StackBlitz 团队做的 AI 产品，底层用 StackBlitz 的 WebContainers 技术（Node.js 跑在浏览器 WASM 里），所以装依赖、起 dev server、看预览都在浏览器一气呵成，不像 v0 \u002F Lovable 那样要走云端容器。",{"q":620,"a":621},"和 Lovable \u002F v0 怎么选？","Bolt 介于「开发者向 Cursor」和「非开发者向 Lovable」之间——你可以一句话不写代码，但全代码也露出在你眼前可改；v0 偏前端组件（React only），Lovable 更聚焦「非技术创始人 + Supabase 后端」。三者都做原型，但 Bolt 的多框架支持最广。",{"q":623,"a":624},"Bolt 会爆 token 吗？","会。一个复杂项目重度迭代单 session 能烧 300K token。Pro $20 包含 10M token\u002F月，重项目一周可能烧光，要升到 Pro 50。",{"q":626,"a":627},"支持哪些框架？","React \u002F Vue \u002F Svelte \u002F Astro \u002F Next.js \u002F Nuxt \u002F Remix \u002F SolidJS \u002F Angular 全支持。Bolt 是目前框架覆盖最广的 builder。",{"q":629,"a":630},"Supabase 集成深吗？","深。一键起 auth + database + storage + RLS（row-level security），不是浮在表面的配置，比手动配舒服很多。",{"q":632,"a":633},"可以导出代码吗？","可以。GitHub 一键 push，或者 zip 下载。代码质量比 Lovable 稍干净，可在本地 IDE 接着写。","https:\u002F\u002Fgithub.com\u002Fstackblitz\u002Fbolt.new",[636],"en",{},true,[640,641,642,643],"复杂业务逻辑系统（AI 容易出错）","需要长期维护 \u002F 生产部署到自有云的项目","中文场景重度依赖（UI 全英文）","对 token 配额敏感（重度迭代一周可烧光月度）","\u002Ftools\u002Fcoding\u002Fbuilder\u002Fbolt-new","coding",[647],"web",[649,653,655,660],{"plan":134,"price":137,"limit":650,"cn_pay":651,"note":652},"每日 ~150K 免费 token，足够探索；项目数有限","—","试用",{"plan":148,"price":151,"limit":654,"cn_pay":651,"note":157},"10M token\u002F月（重项目 300K\u002F会话可能一周烧光）",{"plan":656,"price":657,"limit":658,"cn_pay":651,"note":659},"Pro 50 \u002F 100 \u002F 200","$50 \u002F $100 \u002F $200\u002F月","26M \u002F 55M \u002F 120M token，按月度用量阶梯","重度 prompt 用户",{"plan":204,"price":207,"limit":661,"cn_pay":651,"note":662},"团队、共享项目、协作","团队档","Free \u002F Pro $20\u002F月 \u002F Pro 50 $50 \u002F Pro 100 $100 \u002F Pro 200 $200 \u002F Teams","2026-06-19",[666,667],"ai-coding\u002Fbolt-vs-lovable-vs-v0","ai-coding\u002Fmvp-in-one-hour",[669,670],"ai-builders-comparison","ai-coding-tool-decision-tree",{"power":672,"ux":673,"price":672,"cn_support":596,"stability":672},4,5,{"title":12,"description":612},"coding\u002Fbuilder\u002Fbolt-new",[677,679,681,684],{"title":678,"url":570},"Bolt.new 官网",{"title":680,"url":577},"StackBlitz \u002F Bolt 融资信息（Dealroom）",{"title":682,"url":683},"Bolt.new 评测（vibecoding.app 2026-03）","https:\u002F\u002Fvibecoding.app\u002Fblog\u002Fbolt-new-review",{"title":685,"url":686},"Supabase Pricing（Metacto 2026）","https:\u002F\u002Fwww.metacto.com\u002Fblogs\u002Fthe-true-cost-of-supabase-a-comprehensive-guide-to-pricing-integration-and-maintenance","tools\u002Fcoding\u002Fbuilder\u002Fbolt-new",[689,690,691,692],"Indie hacker \u002F hackathon \u002F MVP 验证","非技术创始人（写 prompt 比写代码顺）","前端为主的项目（Vue \u002F React \u002F Svelte \u002F Astro \u002F Next.js）","需要快速 demo 给投资人 \u002F 客户看","一句话生成全栈 Web 应用，StackBlitz 出品",[695,696,647,697,698,699,700],"app-generator","fullstack","prototype","supabase","webcontainer","stackblitz","2026-06-24","做原型 \u002F demo \u002F MVP 最快的方式，没有之一。WebContainer 让所有依赖在浏览器里跑、Supabase 直连。正式产品仍需自己在本地 IDE 维护；Bolt 适合一次性生成 + 导出。","65me2aonTqlHUY08otQo5QYL6vd28nnWivQyuHlu2NM",{"id":705,"title":706,"alternatives":707,"api_compatible":9,"body":708,"category":610,"chinese_friendly":596,"cover":1193,"description":1194,"domestic":613,"extension":614,"faq":1195,"free":613,"github":9,"languages":1208,"lastVerified":9,"meta":1209,"models":9,"navigation":638,"notSuitable":9,"opensource":613,"path":1210,"pillar":645,"platforms":1211,"priceTable":1215,"pricing":1227,"published":664,"relatedPlaybooks":1228,"relatedReviews":9,"score":1230,"self_host":613,"seo":1231,"seoTitle":9,"slug":1232,"sources":1233,"stem":1242,"suitable":9,"tagline":1243,"tags":1244,"updated":701,"verdict":1252,"website":1253,"__hash__":1254},"tools\u002Ftools\u002Fcoding\u002Fbuilder\u002Ftempo.md","Tempo",[675,14,15,16],{"type":18,"value":709,"toc":1181},[710,712,715,718,721,776,778,796,801,805,810,830,835,858,861,884,887,1035,1038,1088,1090,1122,1124,1149,1151],[21,711,24],{"id":23},[33,713,714],{},"Tempo 是 YC 出身的 React-first AI 应用构建平台。差异点：多 agent 先生成 user-flow 图 → 用户确认 → 再写代码（不像 Bolt 直接 jump-to-code）；可视化编辑器编辑的是真 React，而非 HTML\u002FCSS 模拟；一键 GitHub PR；MCP App Store 一键插 Stripe \u002F Auth \u002F 邮件。Free 起步、Pro ~$30\u002F月 flat-rate message credits、Agent+ $4,500\u002F月含人工设计 + code 审计。React-only。",[33,716,717],{},"适合：React 栈的 solo \u002F 早期团队想要『可视化 + 真代码 + PR-friendly』；产品复杂度中等以上需要 user-flow 规划；设计师 + 前端工程师协作。不适合：Vue \u002F Svelte \u002F Solid 栈；纯 landing page（杀鸡用牛刀）；纯后端 \u002F API；预算极紧（Free 配额很快用完）。",[21,719,720],{"id":720},"核心能力",[81,722,723,729,735,741,747,753,759,765,771],{},[84,724,725,728],{},[36,726,727],{},"多 agent 规划","：先出 user-flow 图（页面 \u002F 状态 \u002F 数据流）→ 确认 → 写代码",[84,730,731,734],{},[36,732,733],{},"可视化编辑真 React","：选元素改样式 \u002F 布局，输出 production React，不是 HTML 模拟",[84,736,737,740],{},[36,738,739],{},"GitHub PR 推送","：一键开 PR，沿用团队 review 流程",[84,742,743,746],{},[36,744,745],{},"MCP App Store","：Stripe \u002F Resend \u002F Clerk \u002F OpenAI agent \u002F 消息一键集成",[84,748,749,752],{},[36,750,751],{},"Figma 导入","：设计稿 → React + Tailwind",[84,754,755,758],{},[36,756,757],{},"shadcn \u002F Tailwind 内置","：组件库一等公民",[84,760,761,764],{},[36,762,763],{},"多端","：Web + macOS（含 Intel）+ Windows + Linux 客户端",[84,766,767,770],{},[36,768,769],{},"flat-rate message credits","：不按 token，预算可预测",[84,772,773],{},[36,774,775],{},"实时预览 + 协作",[21,777,104],{"id":104},[81,779,780,785,790],{},[84,781,782,784],{},[36,783,134],{},"：$0，有限 credits，验证够用",[84,786,787,789],{},[36,788,148],{},"：~$30\u002F月，flat-rate message credits + 全 AI + 完整代码导出",[84,791,792,795],{},[36,793,794],{},"Agent+","：$4,500\u002F月，AI + 人工设计 review + code 审计",[225,797,798],{},[33,799,800],{},"真实陷阱：Free 复杂项目几天用完；Agent+ 价位是给 design agency \u002F Series B 团队，solo 别上。",[21,802,804],{"id":803},"实测solo-founder-react-tailwind-产品","实测（solo founder \u002F React + Tailwind 产品）",[33,806,807],{},[36,808,809],{},"亮点：",[81,811,812,815,818,821,824,827],{},[84,813,814],{},"user-flow 规划阶段帮 think before code，避免改了三次还偏",[84,816,817],{},"编辑真 React 体验比 Figma → 切图工作流流畅 10 倍",[84,819,820],{},"GitHub PR 让生成代码进入正常 review 流程，不像 Bolt 那种黑盒",[84,822,823],{},"MCP App Store 加 Stripe + Auth 一晚上跑通",[84,825,826],{},"flat-rate credits 比 token-based 容易预算",[84,828,829],{},"shadcn \u002F Tailwind 输出代码干净，老工程师不抗拒",[33,831,832],{},[36,833,834],{},"踩坑：",[81,836,837,840,843,846,849,852,855],{},[84,838,839],{},"React-only 是真硬性约束，stack 不匹配就别尝试",[84,841,842],{},"复杂业务逻辑（多角色权限 \u002F 工作流引擎）AI 规划深度不够",[84,844,845],{},"自定义 design system 不强，team brand 落地要手动",[84,847,848],{},"中文 UI \u002F 文档弱，prompt 用英文最佳",[84,850,851],{},"Agent+ $4,500\u002F月对个人 \u002F 早期团队明显过位",[84,853,854],{},"偶尔 multi-agent 阶段卡顿，要重试",[84,856,857],{},"数据持久化 \u002F 后端 API 仍要自己接（Tempo 主攻前端）",[21,859,860],{"id":860},"上手",[242,862,863,866,869,872,875,878,881],{},[84,864,865],{},"tempo.new → 注册（GitHub \u002F Google）→ 下客户端或用 Web",[84,867,868],{},"新建项目 → 写需求 prompt（含 user-flow 偏好）",[84,870,871],{},"multi-agent 出 user-flow 图 → 审阅 \u002F 改 → 确认",[84,873,874],{},"自动生成 React + Tailwind + shadcn 代码",[84,876,877],{},"可视化编辑器调样式 \u002F 布局，AI prompt 调逻辑",[84,879,880],{},"MCP App Store 加 Stripe \u002F Clerk \u002F Resend",[84,882,883],{},"GitHub 连接 → 一键 PR → 团队 review → merge",[21,885,886],{"id":886},"对比",[106,888,889,903],{},[109,890,891],{},[112,892,893,895,897,899,901],{},[115,894,301],{},[115,896,706],{},[115,898,12],{},[115,900,306],{},[115,902,556],{},[127,904,905,921,935,949,964,976,992,1006,1020],{},[112,906,907,910,913,916,918],{},[132,908,909],{},"形态",[132,911,912],{},"React-first builder",[132,914,915],{},"全栈 prompt-to-app",[132,917,915],{},[132,919,920],{},"UI 组件生成",[112,922,923,925,928,930,932],{},[132,924,727],{},[132,926,927],{},"✅ user-flow 图",[132,929,443],{},[132,931,443],{},[132,933,934],{},"–",[112,936,937,940,943,945,947],{},[132,938,939],{},"可视化编辑真代码",[132,941,942],{},"✅ React",[132,944,934],{},[132,946,934],{},[132,948,934],{},[112,950,951,954,957,960,962],{},[132,952,953],{},"GitHub PR",[132,955,956],{},"✅ 一键",[132,958,959],{},"✅",[132,961,959],{},[132,963,959],{},[112,965,966,968,970,972,974],{},[132,967,745],{},[132,969,959],{},[132,971,934],{},[132,973,934],{},[132,975,934],{},[112,977,978,981,984,987,989],{},[132,979,980],{},"框架",[132,982,983],{},"React only",[132,985,986],{},"多框架",[132,988,986],{},[132,990,991],{},"React (shadcn)",[112,993,994,997,1000,1002,1004],{},[132,995,996],{},"代码导出",[132,998,999],{},"✅ Pro+",[132,1001,959],{},[132,1003,959],{},[132,1005,959],{},[112,1007,1008,1010,1013,1016,1018],{},[132,1009,417],{},[132,1011,1012],{},"$30\u002Fmo",[132,1014,1015],{},"$20\u002Fmo",[132,1017,1015],{},[132,1019,1015],{},[112,1021,1022,1024,1027,1030,1032],{},[132,1023,448],{},[132,1025,1026],{},"React 开发者 + 早期团队",[132,1028,1029],{},"full-stack 快速验证",[132,1031,1029],{},[132,1033,1034],{},"UI 组件",[21,1036,1037],{"id":1037},"避坑",[81,1039,1040,1046,1052,1058,1064,1070,1076,1082],{},[84,1041,1042,1045],{},[36,1043,1044],{},"stack 必须是 React","：Vue \u002F Svelte \u002F Solid 走别处，不要硬塞",[84,1047,1048,1051],{},[36,1049,1050],{},"复杂业务逻辑分多 prompt","：一次喂太大 user-flow agent 会丢细节",[84,1053,1054,1057],{},[36,1055,1056],{},"数据 \u002F 后端自己接","：Tempo 前端为主，Supabase \u002F Convex \u002F 自家 API 都得手动接",[84,1059,1060,1063],{},[36,1061,1062],{},"Pro 配额监控","：复杂项目 flat-rate 也会用尽，要看 dashboard",[84,1065,1066,1069],{},[36,1067,1068],{},"Agent+ 不要冲动","：$4,500\u002F月是给设计公司，先 Pro 跑两月看 ROI",[84,1071,1072,1075],{},[36,1073,1074],{},"GitHub PR 别盲 merge","：AI 生成的 React 偶有 anti-pattern（useEffect 滥用 \u002F 多余 state），人工 review",[84,1077,1078,1081],{},[36,1079,1080],{},"多 agent 卡顿","：失败重试 \u002F 简化 prompt，避免一次喂太多需求",[84,1083,1084,1087],{},[36,1085,1086],{},"brand \u002F design system","：自家品牌深度定制要在生成后手动调，AI 主要给通用模板",[21,1089,519],{"id":518},[81,1091,1092,1095,1098,1101,1104,1107,1110,1113,1116,1119],{},[84,1093,1094],{},"✅ React 栈 solo \u002F 早期团队",[84,1096,1097],{},"✅ 中等复杂度产品（多页 + 简单业务逻辑）",[84,1099,1100],{},"✅ 设计师 + 前端协作（可视化 + 真代码）",[84,1102,1103],{},"✅ 需要 GitHub PR-friendly 流程",[84,1105,1106],{},"✅ flat-rate 预算偏好",[84,1108,1109],{},"❌ Vue \u002F Svelte \u002F Solid 栈",[84,1111,1112],{},"❌ 纯 landing page（Framer \u002F Webflow 更快）",[84,1114,1115],{},"❌ 纯后端 \u002F API",[84,1117,1118],{},"❌ 极复杂业务（多角色 \u002F 工作流引擎）",[84,1120,1121],{},"❌ 预算极紧（Free 不够，Pro 是底线）",[21,1123,529],{"id":529},[81,1125,1126,1131,1137,1143],{},[84,1127,1128],{},[54,1129,1130],{"href":644},"Bolt.new 评测",[84,1132,1133],{},[54,1134,1136],{"href":1135},"\u002Ftools\u002Fcoding\u002Fbuilder\u002Flovable","Lovable 评测",[84,1138,1139],{},[54,1140,1142],{"href":1141},"\u002Ftools\u002Fcoding\u002Fbuilder\u002Fv0","v0 评测",[84,1144,1145],{},[54,1146,1148],{"href":1147},"\u002Ftools\u002Fcoding\u002Fbuilder\u002Freplit-agent","Replit Agent 评测",[21,1150,562],{"id":562},[242,1152,1153,1160,1167,1174],{},[84,1154,1155,1156],{},"Tempo 官网（产品定位 + 真 React 编辑）",[54,1157,1158],{"href":1158,"rel":1159},"https:\u002F\u002Fwww.tempo.new\u002F",[58],[84,1161,1162,1163],{},"VibeCoding — Tempo Review 2026（多 agent \u002F Agent+ $4,500 \u002F MCP App Store）",[54,1164,1165],{"href":1165,"rel":1166},"https:\u002F\u002Fvibecoding.app\u002Fblog\u002Ftempo-review",[58],[84,1168,1169,1170],{},"AI Tools Mentor — Tempo Pricing & Specs（Free \u002F Pro $30）",[54,1171,1172],{"href":1172,"rel":1173},"https:\u002F\u002Fwww.aitoolsmentor.com\u002Ftool\u002Ftempo",[58],[84,1175,1176,1177],{},"TheseAITools — Tempo Labs 功能 \u002F 用例 ",[54,1178,1179],{"href":1179,"rel":1180},"https:\u002F\u002Ftheseaitools.com\u002Ftools\u002Ftempo-labs",[58],{"title":287,"searchDepth":593,"depth":593,"links":1182},[1183,1184,1185,1186,1187,1188,1189,1190,1191,1192],{"id":23,"depth":596,"text":24},{"id":720,"depth":596,"text":720},{"id":104,"depth":596,"text":104},{"id":803,"depth":596,"text":804},{"id":860,"depth":596,"text":860},{"id":886,"depth":596,"text":886},{"id":1037,"depth":596,"text":1037},{"id":518,"depth":596,"text":519},{"id":529,"depth":596,"text":529},{"id":562,"depth":596,"text":562},"\u002Fimg\u002Ftools\u002Ftempo.webp","Tempo Labs 真实评测：YC 出身的 React-first AI 应用构建平台。多 agent 规划（出 user-flow 图再写代码）+ 可视化编辑器直接改产线 React + GitHub PR 推送 + MCP App Store（Stripe\u002FResend\u002FAuth 一键加）。Free + Pro $30\u002F月 flat-rate message credits + Agent+ $4,500\u002F月 含人工设计 \u002F code 审计。React-only 是定位也是局限。",[1196,1199,1202,1205],{"q":1197,"a":1198},"和 Bolt.new \u002F Lovable \u002F v0 怎么选？","Tempo 主打『编辑真代码 + 可视化』，目标群体是已经懂 React 的开发者 \u002F 早期团队，输出 production React 代码 + GitHub PR。Bolt.new \u002F Lovable 更偏全栈 prompt-to-app（含后端 + 部署），v0 偏 shadcn UI 组件生成。要 React 控制度 + PR 工作流走 Tempo；要『一句话出可用应用』走 Bolt \u002F Lovable；要 UI 组件库走 v0。",{"q":1200,"a":1201},"为什么只支持 React？","Tempo 把所有精力压在 React 生态（含 shadcn \u002F Tailwind \u002F Next.js），换来更深度的可视化编辑 + 更干净的代码输出。代价是 Vue \u002F Svelte \u002F Solid 用户用不了——官方明确这是 deliberate trade-off。",{"q":1203,"a":1204},"Multi-agent 规划具体怎么工作？","Tempo 的差异点：写需求后，先有 agent 生成 user-flow 图（页面 \u002F 状态 \u002F 数据流），用户确认后再多个 agent 协作写代码——而不是直接 jump-to-code。适合中等复杂度产品；简单 landing page 反而觉得啰嗦。",{"q":1206,"a":1207},"MCP App Store 提供什么？","Tempo 内置的插件市场：Stripe 支付 \u002F Resend 邮件 \u002F Clerk Auth \u002F OpenAI agent \u002F 消息推送等，一键插入到生成的应用，不用自己写 integration 代码。这是 2026 年 builder 类工具普遍补齐的能力。",[636],{},"\u002Ftools\u002Fcoding\u002Fbuilder\u002Ftempo",[647,1212,1213,1214],"macos","windows","linux",[1216,1219,1223],{"plan":134,"price":137,"features":1217,"notes":1218},"基础访问 + 有限 message credits + 小项目验证","试水 \u002F hobby",{"plan":148,"price":1220,"features":1221,"notes":1222},"~$30\u002F月","更高 message 配额 + 全 AI 特性 + 完整代码导出 + GitHub PR + MCP App Store","solo \u002F 早期团队主力档",{"plan":794,"price":1224,"features":1225,"notes":1226},"$4,500\u002F月","AI 生成 + 人工设计审查 + code 审计 + 优先支持","design-heavy 团队","Free \u002F Pro ~$30\u002F月 \u002F Agent+ $4,500\u002F月（含人工设计 + code 审计）",[1229],"onboarding\u002Fv0-cursor-workflow",{"power":672,"ux":673,"price":593,"cn_support":596,"stability":672},{"title":706,"description":1194},"coding\u002Fbuilder\u002Ftempo",[1234,1236,1238,1240],{"name":1235,"url":1158,"accessed":701},"Tempo 官网",{"name":1237,"url":1165,"accessed":701},"VibeCoding — Tempo Review 2026（多 agent \u002F Agent+ 定价）",{"name":1239,"url":1172,"accessed":701},"AI Tools Mentor — Tempo Pricing & Specs",{"name":1241,"url":1179,"accessed":701},"TheseAITools — Tempo Labs Features","tools\u002Fcoding\u002Fbuilder\u002Ftempo","React-first prompt-to-app + 多 agent 规划 + 可视化编辑——直接编辑产线 React 代码",[1245,1246,1247,1248,1249,1250,1251],"react","app-builder","vibe-coding","multi-agent","figma","visual","mcp","React 栈想要『可视化 + 真代码 + PR-friendly』的 solo \u002F 早期团队首选。stack 非 React → Bolt.new \u002F Lovable \u002F v0。Agent+ $4,500 太贵适合 design-heavy team。","https:\u002F\u002Fwww.tempo.new","HichqWw4pe7IjPVWnBsbx-Kktad2zyiNU6vo6O7qEqg",1784565441269]