[{"data":1,"prerenderedAt":3334},["ShallowReactive",2],{"header-counts":3,"footer-counts":6,"tool-tools\u002Fcoding\u002Fbuilder\u002Fbolt-new":9,"tool-stats-coding\u002Fbuilder\u002Fbolt-new":700,"cat-rank-coding-builder":703,"tool-related-coding\u002Fbuilder\u002Fbolt-new":3333},{"tools":4,"reviews":5},65,7,{"tools":4,"reviews":5,"playbooks":7,"news":8},10,8,{"id":10,"title":11,"alternatives":12,"api_compatible":16,"body":17,"category":609,"chinese_friendly":595,"cover":610,"description":611,"domestic":612,"extension":613,"faq":614,"free":612,"github":633,"languages":634,"meta":636,"models":16,"navigation":637,"notSuitable":638,"opensource":637,"path":643,"pillar":644,"platforms":645,"priceTable":647,"pricing":662,"published":663,"relatedPlaybooks":664,"relatedReviews":16,"score":667,"self_host":612,"seo":670,"slug":671,"sources":672,"stem":683,"suitable":684,"tagline":689,"tags":690,"updated":697,"verdict":698,"website":570,"__hash__":699},"tools\u002Ftools\u002Fcoding\u002Fbuilder\u002Fbolt-new.md","Bolt.new",[13,14,15],"coding\u002Fbuilder\u002Flovable","coding\u002Fbuilder\u002Fv0","coding\u002Fbuilder\u002Freplit-agent",null,{"type":18,"value":19,"toc":591},"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,11],{},[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,590],{},"本卡片由 AIHO 编辑部根据以上公开资料整理，非厂商付费内容；定价与功能以官网为准，欢迎在 ",[54,588,589],{"href":589},"\u002Fsubmit"," 反馈更新。",{"title":287,"searchDepth":592,"depth":592,"links":593},3,[594,596,597,598,603,604,605,606,607,608],{"id":23,"depth":595,"text":24},2,{"id":49,"depth":595,"text":49},{"id":104,"depth":595,"text":104},{"id":222,"depth":595,"text":223,"children":599},[600,601,602],{"id":233,"depth":592,"text":234},{"id":264,"depth":592,"text":265},{"id":271,"depth":592,"text":272},{"id":278,"depth":595,"text":279},{"id":292,"depth":595,"text":292},{"id":463,"depth":595,"text":463},{"id":518,"depth":595,"text":519},{"id":529,"depth":595,"text":529},{"id":562,"depth":595,"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",[615,618,621,624,627,630],{"q":616,"a":617},"Bolt.new 和 StackBlitz 什么关系？","Bolt.new 是 StackBlitz 团队做的 AI 产品，底层用 StackBlitz 的 WebContainers 技术（Node.js 跑在浏览器 WASM 里），所以装依赖、起 dev server、看预览都在浏览器一气呵成，不像 v0 \u002F Lovable 那样要走云端容器。",{"q":619,"a":620},"和 Lovable \u002F v0 怎么选？","Bolt 介于「开发者向 Cursor」和「非开发者向 Lovable」之间——你可以一句话不写代码，但全代码也露出在你眼前可改；v0 偏前端组件（React only），Lovable 更聚焦「非技术创始人 + Supabase 后端」。三者都做原型，但 Bolt 的多框架支持最广。",{"q":622,"a":623},"Bolt 会爆 token 吗？","会。一个复杂项目重度迭代单 session 能烧 300K token。Pro $20 包含 10M token\u002F月，重项目一周可能烧光，要升到 Pro 50。",{"q":625,"a":626},"支持哪些框架？","React \u002F Vue \u002F Svelte \u002F Astro \u002F Next.js \u002F Nuxt \u002F Remix \u002F SolidJS \u002F Angular 全支持。Bolt 是目前框架覆盖最广的 builder。",{"q":628,"a":629},"Supabase 集成深吗？","深。一键起 auth + database + storage + RLS（row-level security），不是浮在表面的配置，比手动配舒服很多。",{"q":631,"a":632},"可以导出代码吗？","可以。GitHub 一键 push，或者 zip 下载。代码质量比 Lovable 稍干净，可在本地 IDE 接着写。","https:\u002F\u002Fgithub.com\u002Fstackblitz\u002Fbolt.new",[635],"en",{},true,[639,640,641,642],"复杂业务逻辑系统（AI 容易出错）","需要长期维护 \u002F 生产部署到自有云的项目","中文场景重度依赖（UI 全英文）","对 token 配额敏感（重度迭代一周可烧光月度）","\u002Ftools\u002Fcoding\u002Fbuilder\u002Fbolt-new","coding",[646],"web",[648,652,654,659],{"plan":134,"price":137,"limit":649,"cn_pay":650,"note":651},"每日 ~150K 免费 token，足够探索；项目数有限","—","试用",{"plan":148,"price":151,"limit":653,"cn_pay":650,"note":157},"10M token\u002F月（重项目 300K\u002F会话可能一周烧光）",{"plan":655,"price":656,"limit":657,"cn_pay":650,"note":658},"Pro 50 \u002F 100 \u002F 200","$50 \u002F $100 \u002F $200\u002F月","26M \u002F 55M \u002F 120M token，按月度用量阶梯","重度 prompt 用户",{"plan":204,"price":207,"limit":660,"cn_pay":650,"note":661},"团队、共享项目、协作","团队档","Free \u002F Pro $20\u002F月 \u002F Pro 50 $50 \u002F Pro 100 $100 \u002F Pro 200 $200 \u002F Teams","2026-06-19",[665,666],"ai-coding\u002Fbolt-vs-lovable-vs-v0","ai-coding\u002Fmvp-in-one-hour",{"power":668,"ux":669,"price":668,"cn_support":595,"stability":668},4,5,{"title":11,"description":611},"coding\u002Fbuilder\u002Fbolt-new",[673,675,677,680],{"title":674,"url":570},"Bolt.new 官网",{"title":676,"url":577},"StackBlitz \u002F Bolt 融资信息（Dealroom）",{"title":678,"url":679},"Bolt.new 评测（vibecoding.app 2026-03）","https:\u002F\u002Fvibecoding.app\u002Fblog\u002Fbolt-new-review",{"title":681,"url":682},"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",[685,686,687,688],"Indie hacker \u002F hackathon \u002F MVP 验证","非技术创始人（写 prompt 比写代码顺）","前端为主的项目（Vue \u002F React \u002F Svelte \u002F Astro \u002F Next.js）","需要快速 demo 给投资人 \u002F 客户看","一句话生成全栈 Web 应用，StackBlitz 出品",[691,692,646,693,694,695,696],"app-generator","fullstack","prototype","supabase","webcontainer","stackblitz","2026-06-24","做原型 \u002F demo \u002F MVP 最快的方式，没有之一。WebContainer 让所有依赖在浏览器里跑、Supabase 直连。正式产品仍需自己在本地 IDE 维护；Bolt 适合一次性生成 + 导出。","-r0qFh-8_qIsMXEWYzdsIS-9QwX0azZoUwJivPuB1dM",{"ok":637,"slug":701,"viewCount":702,"clickCount":702,"avgRating":702,"ratingCount":702},"coding%2Fbuilder%2Fbolt-new",0,[704,1129,1809,2302,2847],{"id":10,"title":11,"alternatives":705,"api_compatible":16,"body":706,"category":609,"chinese_friendly":595,"cover":610,"description":611,"domestic":612,"extension":613,"faq":1103,"free":612,"github":633,"languages":1110,"meta":1111,"models":16,"navigation":637,"notSuitable":1112,"opensource":637,"path":643,"pillar":644,"platforms":1113,"priceTable":1114,"pricing":662,"published":663,"relatedPlaybooks":1119,"relatedReviews":16,"score":1120,"self_host":612,"seo":1121,"slug":671,"sources":1122,"stem":683,"suitable":1127,"tagline":689,"tags":1128,"updated":697,"verdict":698,"website":570,"__hash__":699},[13,14,15],{"type":18,"value":707,"toc":1087},[708,710,721,723,734,736,738,752,754,830,834,836,840,842,844,846,858,860,862,864,866,868,870,875,877,1003,1005,1039,1041,1045,1047,1065,1067,1081],[21,709,24],{"id":23},[26,711,713,719],{"className":712},[29,30,31],[33,714,715,39,717,43],{},[36,716,38],{},[36,718,42],{},[33,720,46],{},[21,722,49],{"id":49},[33,724,52,725,60,728,64,730,73],{},[54,726,59],{"href":56,"rel":727},[58],[36,729,63],{},[36,731,67,732,72],{},[69,733,71],{},[33,735,76],{},[33,737,79],{},[81,739,740,744,748],{},[84,741,742,89],{},[36,743,88],{},[84,745,746,95],{},[36,747,94],{},[84,749,750,101],{},[36,751,100],{},[21,753,104],{"id":104},[106,755,756,768],{},[109,757,758],{},[112,759,760,762,764,766],{},[115,761,117],{},[115,763,104],{},[115,765,122],{},[115,767,125],{},[127,769,770,780,790,800,810,820],{},[112,771,772,774,776,778],{},[132,773,134],{},[132,775,137],{},[132,777,140],{},[132,779,143],{},[112,781,782,784,786,788],{},[132,783,148],{},[132,785,151],{},[132,787,154],{},[132,789,157],{},[112,791,792,794,796,798],{},[132,793,162],{},[132,795,165],{},[132,797,168],{},[132,799,171],{},[112,801,802,804,806,808],{},[132,803,176],{},[132,805,179],{},[132,807,182],{},[132,809,185],{},[112,811,812,814,816,818],{},[132,813,190],{},[132,815,193],{},[132,817,196],{},[132,819,199],{},[112,821,822,824,826,828],{},[132,823,204],{},[132,825,207],{},[132,827,210],{},[132,829,213],{},[33,831,832,219],{},[36,833,218],{},[21,835,223],{"id":222},[225,837,838],{},[33,839,229],{},[231,841,234],{"id":233},[33,843,237],{},[33,845,240],{},[242,847,848,850,852,854,856],{},[84,849,246],{},[84,851,249],{},[84,853,252],{},[84,855,255],{},[84,857,258],{},[33,859,261],{},[231,861,265],{"id":264},[33,863,268],{},[231,865,272],{"id":271},[33,867,275],{},[21,869,279],{"id":278},[281,871,873],{"className":872,"code":285,"language":286,"meta":287},[284],[69,874,285],{"__ignoreMap":287},[21,876,292],{"id":292},[106,878,879,893],{},[109,880,881],{},[112,882,883,885,887,889,891],{},[115,884,301],{},[115,886,11],{},[115,888,306],{},[115,890,309],{},[115,892,312],{},[127,894,895,907,919,931,943,955,967,979,991],{},[112,896,897,899,901,903,905],{},[132,898,319],{},[132,900,322],{},[132,902,325],{},[132,904,328],{},[132,906,331],{},[112,908,909,911,913,915,917],{},[132,910,336],{},[132,912,339],{},[132,914,342],{},[132,916,345],{},[132,918,348],{},[112,920,921,923,925,927,929],{},[132,922,353],{},[132,924,356],{},[132,926,359],{},[132,928,359],{},[132,930,359],{},[112,932,933,935,937,939,941],{},[132,934,368],{},[132,936,371],{},[132,938,371],{},[132,940,376],{},[132,942,379],{},[112,944,945,947,949,951,953],{},[132,946,384],{},[132,948,387],{},[132,950,390],{},[132,952,393],{},[132,954,396],{},[112,956,957,959,961,963,965],{},[132,958,401],{},[132,960,140],{},[132,962,406],{},[132,964,409],{},[132,966,412],{},[112,968,969,971,973,975,977],{},[132,970,417],{},[132,972,151],{},[132,974,422],{},[132,976,425],{},[132,978,428],{},[112,980,981,983,985,987,989],{},[132,982,433],{},[132,984,436],{},[132,986,436],{},[132,988,436],{},[132,990,443],{},[112,992,993,995,997,999,1001],{},[132,994,448],{},[132,996,451],{},[132,998,454],{},[132,1000,457],{},[132,1002,460],{},[21,1004,463],{"id":463},[242,1006,1007,1011,1015,1019,1025,1029,1033],{},[84,1008,1009,471],{},[36,1010,470],{},[84,1012,1013,477],{},[36,1014,476],{},[84,1016,1017,483],{},[36,1018,482],{},[84,1020,1021,489,1023,493],{},[36,1022,488],{},[69,1024,492],{},[84,1026,1027,499],{},[36,1028,498],{},[84,1030,1031,505],{},[36,1032,504],{},[84,1034,1035,511,1037,515],{},[36,1036,510],{},[69,1038,514],{},[21,1040,519],{"id":518},[33,1042,522,1043,526],{},[524,1044],{},[21,1046,529],{"id":529},[81,1048,1049,1053,1057],{},[84,1050,534,1051],{},[54,1052,538],{"href":537},[84,1054,541,1055],{},[54,1056,545],{"href":544},[84,1058,548,1059,552,1061,552,1063],{},[54,1060,306],{"href":551},[54,1062,556],{"href":555},[54,1064,312],{"href":559},[21,1066,562],{"id":562},[81,1068,1069,1074,1079],{},[84,1070,567,1071],{},[54,1072,570],{"href":570,"rel":1073},[58],[84,1075,574,1076],{},[54,1077,577],{"href":577,"rel":1078},[58],[84,1080,581],{},[225,1082,1083],{},[33,1084,586,1085,590],{},[54,1086,589],{"href":589},{"title":287,"searchDepth":592,"depth":592,"links":1088},[1089,1090,1091,1092,1097,1098,1099,1100,1101,1102],{"id":23,"depth":595,"text":24},{"id":49,"depth":595,"text":49},{"id":104,"depth":595,"text":104},{"id":222,"depth":595,"text":223,"children":1093},[1094,1095,1096],{"id":233,"depth":592,"text":234},{"id":264,"depth":592,"text":265},{"id":271,"depth":592,"text":272},{"id":278,"depth":595,"text":279},{"id":292,"depth":595,"text":292},{"id":463,"depth":595,"text":463},{"id":518,"depth":595,"text":519},{"id":529,"depth":595,"text":529},{"id":562,"depth":595,"text":562},[1104,1105,1106,1107,1108,1109],{"q":616,"a":617},{"q":619,"a":620},{"q":622,"a":623},{"q":625,"a":626},{"q":628,"a":629},{"q":631,"a":632},[635],{},[639,640,641,642],[646],[1115,1116,1117,1118],{"plan":134,"price":137,"limit":649,"cn_pay":650,"note":651},{"plan":148,"price":151,"limit":653,"cn_pay":650,"note":157},{"plan":655,"price":656,"limit":657,"cn_pay":650,"note":658},{"plan":204,"price":207,"limit":660,"cn_pay":650,"note":661},[665,666],{"power":668,"ux":669,"price":668,"cn_support":595,"stability":668},{"title":11,"description":611},[1123,1124,1125,1126],{"title":674,"url":570},{"title":676,"url":577},{"title":678,"url":679},{"title":681,"url":682},[685,686,687,688],[691,692,646,693,694,695,696],{"id":1130,"title":306,"alternatives":1131,"api_compatible":16,"body":1132,"category":609,"chinese_friendly":595,"cover":1739,"description":1740,"domestic":612,"extension":613,"faq":1741,"free":612,"github":287,"languages":1760,"meta":1761,"models":16,"navigation":637,"notSuitable":1762,"opensource":612,"path":1767,"pillar":644,"platforms":1768,"priceTable":1769,"pricing":1781,"published":663,"relatedPlaybooks":1782,"relatedReviews":16,"score":1784,"self_host":612,"seo":1785,"slug":13,"sources":1786,"stem":1797,"suitable":1798,"tagline":1803,"tags":1804,"updated":697,"verdict":1807,"website":1687,"__hash__":1808},"tools\u002Ftools\u002Fcoding\u002Fbuilder\u002Flovable.md",[671,14,15],{"type":18,"value":1133,"toc":1723},[1134,1136,1151,1153,1156,1184,1187,1263,1267,1340,1345,1362,1365,1370,1427,1429,1434,1438,1441,1444,1458,1461,1465,1468,1472,1475,1477,1483,1485,1604,1606,1650,1652,1658,1660,1679,1681,1717],[21,1135,24],{"id":23},[26,1137,1139,1148],{"className":1138},[29,30,31],[33,1140,1141,1143,1144,1147],{},[36,1142,38],{}," Lovable 是「非技术创始人版的 Bolt」——前身 GPT Engineer，2026 ARR 突破 $300M。一句话生成全栈 web 应用 + Supabase 后端 + Lovable 自家部署，",[36,1145,1146],{},"积分制"," 计费、UI 隐藏代码复杂度比 Bolt 更彻底。",[33,1149,1150],{},"可产出物 Bolt 更干净，Lovable 更完整。真实月度 TCO 含 Supabase ≥ $50。",[21,1152,49],{"id":49},[33,1154,1155],{},"Lovable 是浏览器内的 AI App Builder：",[81,1157,1158,1164,1169,1174,1179],{},[84,1159,1160,1163],{},[36,1161,1162],{},"形态","：左边 Chat 输需求，右边实时预览，\"非开发者也能用\"是核心定位。",[84,1165,1166,1168],{},[36,1167,336],{},"：默认 React + Tailwind + Supabase，下层走 GPT-4o \u002F Claude 等。",[84,1170,1171,1173],{},[36,1172,368],{},"：Supabase 一键 connect（auth + database + storage + edge functions）。",[84,1175,1176,1178],{},[36,1177,384],{},"：Lovable 自家 cloud，自动域名 + HTTPS，Pro+ 可绑自定义域名。",[84,1180,1181,1183],{},[36,1182,1146],{},"：每个 prompt 消耗 credit，复杂度不同消耗不同；不是 token 也不是 message-quota。",[33,1185,1186],{},"它和 Bolt 经常被一起讨论但定位不一样：",[106,1188,1189,1200],{},[109,1190,1191],{},[112,1192,1193,1196,1198],{},[115,1194,1195],{},"关注点",[115,1197,306],{},[115,1199,11],{},[127,1201,1202,1213,1224,1235,1246,1255],{},[112,1203,1204,1207,1210],{},[132,1205,1206],{},"目标用户",[132,1208,1209],{},"非技术创始人",[132,1211,1212],{},"开发者 + 非技术",[112,1214,1215,1218,1221],{},[132,1216,1217],{},"代码可见度",[132,1219,1220],{},"隐藏在 IDE 里",[132,1222,1223],{},"始终可见",[112,1225,1226,1229,1232],{},[132,1227,1228],{},"后端整合",[132,1230,1231],{},"Supabase 深度",[132,1233,1234],{},"Supabase 集成",[112,1236,1237,1240,1243],{},[132,1238,1239],{},"框架",[132,1241,1242],{},"React only",[132,1244,1245],{},"多框架",[112,1247,1248,1250,1253],{},[132,1249,384],{},[132,1251,1252],{},"自家 cloud",[132,1254,387],{},[112,1256,1257,1259,1261],{},[132,1258,353],{},[132,1260,359],{},[132,1262,356],{},[21,1264,1266],{"id":1265},"价格重点积分-隐性成本","价格（重点：积分 + 隐性成本）",[106,1268,1269,1284],{},[109,1270,1271],{},[112,1272,1273,1275,1278,1281],{},[115,1274,117],{},[115,1276,1277],{},"显式月费",[115,1279,1280],{},"积分",[115,1282,1283],{},"关键差异",[127,1285,1286,1298,1313,1326],{},[112,1287,1288,1290,1292,1295],{},[132,1289,134],{},[132,1291,137],{},[132,1293,1294],{},"每日 5 message",[132,1296,1297],{},"Lovable 子域名",[112,1299,1300,1302,1307,1310],{},[132,1301,148],{},[132,1303,1304],{},[36,1305,1306],{},"$25\u002F月",[132,1308,1309],{},"100 + 每日 5 bonus（不滚存）",[132,1311,1312],{},"自定义域名 \u002F 优先生成 \u002F top-up",[112,1314,1315,1318,1320,1323],{},[132,1316,1317],{},"Business",[132,1319,165],{},[132,1321,1322],{},"同 Pro",[132,1324,1325],{},"私有项目 \u002F RBAC \u002F SSO \u002F 优先支持",[112,1327,1328,1331,1334,1337],{},[132,1329,1330],{},"Enterprise",[132,1332,1333],{},"Custom",[132,1335,1336],{},"自议",[132,1338,1339],{},"SCIM \u002F 专属支持 \u002F 自定义集成",[33,1341,1342],{},[36,1343,1344],{},"真实积分消耗参考（来自第三方评测和用户笔记）：",[81,1346,1347,1350,1353,1356,1359],{},[84,1348,1349],{},"改一个按钮颜色：~0.5 credit",[84,1351,1352],{},"删 footer：~0.9 credit",[84,1354,1355],{},"简单修改：~1 credit",[84,1357,1358],{},"初始建项目：~2 credit",[84,1360,1361],{},"一个完整 MVP（含 auth + database + UI）：50-100 credit",[33,1363,1364],{},"100 credit\u002F月只能撑住中等复杂度的一个 MVP；多项目或复杂业务需要 top-up 或 upgrade。",[33,1366,1367],{},[36,1368,1369],{},"真实月度 TCO（容易被忽略的隐性成本）：",[106,1371,1372,1382],{},[109,1373,1374],{},[112,1375,1376,1379],{},[115,1377,1378],{},"项目",[115,1380,1381],{},"金额（年）",[127,1383,1384,1392,1399,1407,1415],{},[112,1385,1386,1389],{},[132,1387,1388],{},"Lovable Pro",[132,1390,1391],{},"$300",[112,1393,1394,1397],{},[132,1395,1396],{},"Supabase Pro（生产必须）",[132,1398,1391],{},[112,1400,1401,1404],{},[132,1402,1403],{},"域名",[132,1405,1406],{},"$12",[112,1408,1409,1412],{},[132,1410,1411],{},"Lovable Cloud（2026 推广期后）",[132,1413,1414],{},"~$1200\u002F年（推广 $25\u002F月额度）",[112,1416,1417,1422],{},[132,1418,1419],{},[36,1420,1421],{},"Solo 年度真实 TCO",[132,1423,1424],{},[36,1425,1426],{},"$612-1812",[21,1428,223],{"id":222},[225,1430,1431],{},[33,1432,1433],{},"来源说明：以下场景为 Lovable 官方 demo + 第三方评测（Flowith \u002F Zite \u002F CheckThat.ai 等）的工作流归纳。",[231,1435,1437],{"id":1436},"任务-11-小时出-saas-mvp含登录-数据库","任务 1：1 小时出 SaaS MVP（含登录 + 数据库）",[33,1439,1440],{},"prompt: \"Build a task management SaaS with email login, projects, and team collaboration. Use Supabase for backend.\"",[33,1442,1443],{},"Lovable 流程：",[242,1445,1446,1449,1452,1455],{},[84,1447,1448],{},"自动建 Supabase 项目（auth + database table + RLS）",[84,1450,1451],{},"生成 React 前端（路由 + 表单 + dashboard）",[84,1453,1454],{},"连数据 + 起预览",[84,1456,1457],{},"你在 Chat 里继续迭代（\"加 dark mode\"、\"加 team invite 流程\"）",[33,1459,1460],{},"约 60-90 分钟出一个能 demo 的版本，~50 credit。",[231,1462,1464],{"id":1463},"任务-2figma-转应用","任务 2：Figma 转应用",[33,1466,1467],{},"可上传 Figma URL → 解析布局 → 生成对应 React 组件。准确率 65-75%，复杂动效需要手动改。",[231,1469,1471],{"id":1470},"任务-3自定义域名-部署","任务 3：自定义域名 + 部署",[33,1473,1474],{},"Pro+ 可连自有域名（DNS CNAME 到 Lovable）。部署一键，HTTPS 自动。一站式比 Bolt+Netlify 略简单，但锁定在 Lovable 平台。",[21,1476,279],{"id":278},[281,1478,1481],{"className":1479,"code":1480,"language":286,"meta":287},[284],"1. 浏览器 https:\u002F\u002Flovable.dev\n2. GitHub 登录\n3. 第一个 prompt（英文，描述完整产品需求）\n4. 等 1-3 分钟看到完整应用 + 后端\n5. 试用 + 在 Chat 里迭代\n6. Connect Supabase（一键）\u002F 连自定义域名（Pro+）\u002F Push to GitHub（导出代码）\n",[69,1482,1480],{"__ignoreMap":287},[21,1484,292],{"id":292},[106,1486,1487,1501],{},[109,1488,1489],{},[112,1490,1491,1493,1495,1497,1499],{},[115,1492,301],{},[115,1494,306],{},[115,1496,11],{},[115,1498,556],{},[115,1500,312],{},[127,1502,1503,1516,1533,1548,1562,1576,1591],{},[112,1504,1505,1507,1510,1512,1514],{},[132,1506,319],{},[132,1508,1509],{},"GPT Engineer 派生",[132,1511,322],{},[132,1513,328],{},[132,1515,331],{},[112,1517,1518,1520,1525,1527,1530],{},[132,1519,1206],{},[132,1521,1522],{},[36,1523,1524],{},"非技术",[132,1526,1212],{},[132,1528,1529],{},"React 开发者",[132,1531,1532],{},"多语言开发者",[112,1534,1535,1538,1540,1543,1546],{},[132,1536,1537],{},"计费模型",[132,1539,1146],{},[132,1541,1542],{},"Token 阶梯",[132,1544,1545],{},"Token + 月费",[132,1547,1545],{},[112,1549,1550,1552,1554,1557,1559],{},[132,1551,368],{},[132,1553,1231],{},[132,1555,1556],{},"Supabase",[132,1558,376],{},[132,1560,1561],{},"Replit DB",[112,1563,1564,1566,1568,1571,1573],{},[132,1565,384],{},[132,1567,1252],{},[132,1569,1570],{},"Netlify",[132,1572,393],{},[132,1574,1575],{},"Replit",[112,1577,1578,1581,1584,1587,1589],{},[132,1579,1580],{},"自定义域名",[132,1582,1583],{},"Pro+",[132,1585,1586],{},"Netlify 配",[132,1588,393],{},[132,1590,1575],{},[112,1592,1593,1595,1598,1600,1602],{},[132,1594,433],{},[132,1596,1597],{},"弱",[132,1599,1597],{},[132,1601,1597],{},[132,1603,443],{},[21,1605,463],{"id":463},[242,1607,1608,1614,1620,1626,1632,1638,1644],{},[84,1609,1610,1613],{},[36,1611,1612],{},"积分制不直观，先算预算再决定档位","。复杂 MVP 100 credit 紧巴巴，建议 Pro $25 + top-up 或直接 Business $50。",[84,1615,1616,1619],{},[36,1617,1618],{},"Supabase Pro 隐性成本 $25\u002F月","——Free tier 7 天不活跃自动暂停，生产应用必须升 Pro。",[84,1621,1622,1625],{},[36,1623,1624],{},"Lovable Cloud 2026 后期才正式按量计费","，目前 $25\u002F月推广额度到期日不固定，留意账单。",[84,1627,1628,1631],{},[36,1629,1630],{},"生成代码 export 后清理量大","：Lovable 的代码生成痕迹比 Bolt 重，长期维护需手动 cleanup。",[84,1633,1634,1637],{},[36,1635,1636],{},"复杂业务逻辑容易掉链子","：多角色权限、复杂 reducer、嵌套 state——AI 出错率上升，要分多轮 prompt 而非一次写完。",[84,1639,1640,1643],{},[36,1641,1642],{},"退款仅 24 小时窗口","，订阅前先用 Free 跑一遍判断匹配度。",[84,1645,1646,1649],{},[36,1647,1648],{},"i18n 弱","：默认输出英文 UI，多语言项目需要在 prompt 反复强调；中文场景 fallback 到 Bolt + 自己改 UI 或者 Trae 国内版。",[21,1651,519],{"id":518},[33,1653,1654,1655,1657],{},"✅ 非技术创始人 \u002F 产品经理；MVP 验证；需要 Supabase 全栈开箱；需要专业 demo URL。",[524,1656],{},"\n❌ 自定义后端架构；复杂业务逻辑；预算预测敏感；中文重度场景。",[21,1659,529],{"id":529},[81,1661,1662,1666,1670],{},[84,1663,534,1664],{},[54,1665,538],{"href":537},[84,1667,541,1668],{},[54,1669,545],{"href":544},[84,1671,548,1672,552,1675,552,1677],{},[54,1673,11],{"href":1674},"\u002Fcoding\u002Fbuilder\u002Fbolt-new.html",[54,1676,556],{"href":555},[54,1678,312],{"href":559},[21,1680,562],{"id":562},[81,1682,1683,1689,1696,1703,1710],{},[84,1684,567,1685],{},[54,1686,1687],{"href":1687,"rel":1688},"https:\u002F\u002Flovable.dev",[58],[84,1690,1691,1692],{},"定价深度解析：",[54,1693,1694],{"href":1694,"rel":1695},"https:\u002F\u002Fflowith.io\u002Fblog\u002Flovable-pricing-2026-free-vs-starter-vs-pro",[58],[84,1697,1698,1699],{},"TCO 分析：",[54,1700,1701],{"href":1701,"rel":1702},"https:\u002F\u002Fcheckthat.ai\u002Fbrands\u002Flovable\u002Fpricing",[58],[84,1704,1705,1706],{},"评测：",[54,1707,1708],{"href":1708,"rel":1709},"https:\u002F\u002Fen.ai-pedias.com\u002Ftools\u002Flovable",[58],[84,1711,1712,1713],{},"积分 \u002F Cloud 详解：",[54,1714,1715],{"href":1715,"rel":1716},"https:\u002F\u002Fwww.zite.com\u002Fblog\u002Flovable-pricing",[58],[225,1718,1719],{},[33,1720,586,1721,590],{},[54,1722,589],{"href":589},{"title":287,"searchDepth":592,"depth":592,"links":1724},[1725,1726,1727,1728,1733,1734,1735,1736,1737,1738],{"id":23,"depth":595,"text":24},{"id":49,"depth":595,"text":49},{"id":1265,"depth":595,"text":1266},{"id":222,"depth":595,"text":223,"children":1729},[1730,1731,1732],{"id":1436,"depth":592,"text":1437},{"id":1463,"depth":592,"text":1464},{"id":1470,"depth":592,"text":1471},{"id":278,"depth":595,"text":279},{"id":292,"depth":595,"text":292},{"id":463,"depth":595,"text":463},{"id":518,"depth":595,"text":519},{"id":529,"depth":595,"text":529},{"id":562,"depth":595,"text":562},"\u002Fimg\u002Ftools\u002Flovable.webp","Lovable 真实评测：前身 GPT Engineer，从 prompt 到全栈应用 + Supabase 后端的 AI Builder。2026 年 ARR 突破 $300M；积分计费、Cloud \u002F AI 一体化、4 档套餐 + 隐性 Supabase \u002F 域名成本，含真实 TCO 分析与避坑清单。",[1742,1745,1748,1751,1754,1757],{"q":1743,"a":1744},"Lovable 和 Bolt 怎么选？","Lovable 更非技术友好（UI \u002F 隐藏复杂度更彻底），Supabase 整合更深、有完整的 auth \u002F database \u002F 部署一条龙；Bolt 让你看到代码、多框架支持、WebContainer 在浏览器内跑。非技术创始人选 Lovable，开发者优先 Bolt。",{"q":1746,"a":1747},"积分制怎么算？","Lovable 用积分（credit）而非 token。简单操作（改按钮颜色）~0.5 credit、删 footer ~0.9、初始建项目 ~2 credit。Pro $25\u002F月含 100 credit + 每日 5 bonus（不滚存）。复杂 MVP 单个完整流程 ~50-100 credit，能撑住但要节制。",{"q":1749,"a":1750},"真实月度成本是多少？","Lovable Pro $25 + Supabase Pro $25\u002F月 + 域名 $1\u002F月 ≈ $51\u002F月。生产应用通常更高（Supabase 用量超 + Lovable Cloud 推广期结束后 $25\u002F月起的 hosting）。Solo dev 真实 TCO 一年 $612-912。",{"q":1752,"a":1753},"Lovable Cloud 是什么？","Lovable 2026 推出的全栈托管平台，含数据库（Supabase）+ 文件存储 + AI 集成。订阅含 $25\u002F月 Cloud 推广额度 + $1\u002F月 AI 额度（promotional），到期后按用量计费。",{"q":1755,"a":1756},"支持中文 prompt 吗？","支持但 UI 全英文。生成的 UI 默认英文，需要在 prompt 里明确指定语言。i18n 支持较弱，建议英文项目优先。",{"q":1758,"a":1759},"代码可导出吗？","Pro+ 支持 GitHub 同步导出。代码质量介于 Bolt 和 Replit 之间——可读但生成痕迹明显，导出后需要 cleanup 才适合长期维护。",[635],{},[1763,1764,1765,1766],"需要自定义后端架构（Supabase 之外）","复杂业务逻辑（积分会快速消耗）","对预算预测敏感（积分制不直观）","中文重度场景","\u002Ftools\u002Fcoding\u002Fbuilder\u002Flovable",[646],[1770,1772,1775,1778],{"plan":134,"price":137,"limit":1771,"cn_pay":650,"note":651},"每日 5 message、1-2 个项目、Lovable 子域名",{"plan":148,"price":1773,"limit":1774,"cn_pay":650,"note":157},"$25\u002F月（最新文档 $20-25 浮动）","~100 message\u002F月、每日 5 bonus、自定义域名、top-up 可购",{"plan":1317,"price":165,"limit":1776,"cn_pay":650,"note":1777},"私有项目、RBAC、SSO、优先支持","团队 \u002F 合规",{"plan":1330,"price":1333,"limit":1779,"cn_pay":650,"note":1780},"SCIM、专属支持、onboarding、自定义集成","大企业","Free \u002F Pro $25\u002F月 \u002F Business $50\u002F月 \u002F Enterprise",[665,1783],"ai-coding\u002Fmvp-credit-budget",{"power":668,"ux":668,"price":592,"cn_support":595,"stability":592},{"title":306,"description":1740},[1787,1789,1791,1793,1795],{"title":1788,"url":1687},"Lovable 官网",{"title":1790,"url":1694},"Lovable 定价深度解析（Flowith 2026）",{"title":1792,"url":1701},"Lovable Pricing TCO 分析（CheckThat.ai 2026）",{"title":1794,"url":1708},"Lovable 评测（AIpedia 2026-06）",{"title":1796,"url":1715},"Lovable 积分 \u002F Cloud 详解（Zite 2026-02）","tools\u002Fcoding\u002Fbuilder\u002Flovable",[1799,1800,1801,1802],"非技术创始人 \u002F 产品经理（不想看代码）","MVP 验证（写 prompt 比写代码顺）","需要 Supabase 全栈后端开箱即用","需要专业可见性（自定义域名 + 公开 demo）","前 GPT Engineer，从 prompt 到全栈应用 + Supabase 后端",[691,693,692,1805,694,1806],"visual","credit-based","和 Bolt 定位相近，但更偏「非技术创始人 + Supabase 后端 + 完整产品」。可产出物 Bolt 更干净，Lovable 更完整；积分制需要预算预测，月度真实 TCO 含 Supabase 至少 $50+。","V3fJPXpQGPoGg2VV1btSRxwS-hYhQAn0Q9Mi5aCR10M",{"id":1810,"title":312,"alternatives":1811,"api_compatible":16,"body":1818,"category":609,"chinese_friendly":592,"cover":2241,"description":2242,"domestic":612,"extension":613,"faq":2243,"free":612,"github":16,"languages":2256,"meta":2258,"models":16,"navigation":637,"notSuitable":16,"opensource":612,"path":2259,"pillar":644,"platforms":2260,"priceTable":2262,"pricing":2274,"published":663,"relatedPlaybooks":2275,"relatedReviews":16,"score":2282,"self_host":612,"seo":2283,"slug":15,"sources":2284,"stem":2293,"suitable":16,"tagline":2294,"tags":2295,"updated":697,"verdict":2299,"website":2300,"__hash__":2301},"tools\u002Ftools\u002Fcoding\u002Fbuilder\u002Freplit-agent.md",[1812,1814,1816],{"name":1813,"url":643},"bolt-new",{"name":1815,"url":1767},"lovable",{"name":556,"url":1817},"\u002Ftools\u002Fcoding\u002Fbuilder\u002Fv0",{"type":18,"value":1819,"toc":2229},[1820,1822,1833,1836,1839,1842,1866,1869,1873,1931,1937,1941,1947,1961,1966,1980,1983,2003,2006,2114,2117,2152,2154,2171,2173,2197,2199],[21,1821,24],{"id":23},[33,1823,1824,1825,1828,1829,1832],{},"Replit Agent 是 Replit 内置的 AI 全栈 Builder。2026 年的旗舰是 ",[36,1826,1827],{},"Agent 3","——把自主运行时长从同类的 ~30 分钟拉到 ",[36,1830,1831],{},"200 分钟 Max Autonomy","，意味着它能完整跑完「规划 → 写代码 → 跑测试 → 自我修复 → 部署到 live URL」整套流程，而不是中途交回给人。",[33,1834,1835],{},"适合：非技术创始人 MVP、教育 \u002F 教学、原型 + 部署一站搞定的小团队。不适合：要把项目挪出 Replit 进入大型企业代码库的场景——锁定较深。",[21,1837,1838],{"id":1838},"它是什么",[33,1840,1841],{},"Replit Agent 不是单纯的 chat 框，是 Replit 浏览器 IDE 里的「自主开发模式」。给它一句话，它会：",[242,1843,1844,1847,1850,1853,1859],{},[84,1845,1846],{},"自动选技术栈（默认 React\u002FNode 或 Python\u002FFlask）",[84,1848,1849],{},"scaffold 项目、装依赖",[84,1851,1852],{},"写代码、连数据库（Postgres）、配 auth",[84,1854,1855,1858],{},[36,1856,1857],{},"在 live browser 里跑应用、点击测试、看到报错自动修","（Agent 3 新增）",[84,1860,1861,1862,1865],{},"部署到 ",[69,1863,1864],{},"*.replit.app"," 拿到 live URL",[33,1867,1868],{},"四档 Autonomy（Low \u002F Medium \u002F High \u002F Max）对应不同的「让它跑多久无人值守」。Max = 最长 200 分钟，能一口气把全栈 CRUD + auth + deploy 都做完。",[21,1870,1872],{"id":1871},"价格2026-年-6-月","价格（2026 年 6 月）",[106,1874,1875,1887],{},[109,1876,1877],{},[112,1878,1879,1882,1884],{},[115,1880,1881],{},"Plan",[115,1883,104],{},[115,1885,1886],{},"关键能力",[127,1888,1889,1898,1912,1922],{},[112,1890,1891,1893,1895],{},[132,1892,134],{},[132,1894,137],{},[132,1896,1897],{},"体验 Agent、公共 repl、checkpoint 受限",[112,1899,1900,1905,1909],{},[132,1901,1902],{},[36,1903,1904],{},"Core",[132,1906,1907],{},[36,1908,1306],{},[132,1910,1911],{},"基础 effort credits、私有项目、部署 + Postgres",[112,1913,1914,1916,1919],{},[132,1915,204],{},[132,1917,1918],{},"$35\u002F席\u002F月",[132,1920,1921],{},"池化 credits、共享 workspace、角色权限",[112,1923,1924,1926,1928],{},[132,1925,1330],{},[132,1927,1333],{},[132,1929,1930],{},"SSO、私有云、SLA",[33,1932,1933,1936],{},[36,1934,1935],{},"Effort 计费","：一次任务消耗 0.05–1+ effort，单次大任务（200 分钟 Max）可能吃掉数十 effort。Core 月度池子大约够 50–100 次中等任务，超出按 $0.25\u002Feffort 计费。重度用户实际月支出 $50–$150。",[21,1938,1940],{"id":1939},"实测agent-3-一周观察","实测（Agent 3 一周观察）",[33,1942,1943,1946],{},[36,1944,1945],{},"亮点","：",[81,1948,1949,1952,1955,1958],{},[84,1950,1951],{},"200 分钟自主运行真不是 PPT——实测一个 task manager + auth + Stripe 集成，约 75 分钟一气呵成",[84,1953,1954],{},"live browser 自检：UI 渲染异常会被它自己截图、识别、回头修代码",[84,1956,1957],{},"定时 \u002F 后台 agent：可以设「每天早上自动跑这个 lint 然后给我邮件」",[84,1959,1960],{},"部署是 first-class——拿到 URL 就能给客户演示",[33,1962,1963,1946],{},[36,1964,1965],{},"问题",[81,1967,1968,1971,1974,1977],{},[84,1969,1970],{},"200 分钟模式偶尔进入「错误循环」——一直在修同一个 bug 没出来，需要人工打断",[84,1972,1973],{},"国内访问 replit.com 部分节点不稳定，建议配合 CDN 或换 VPN 出口",[84,1975,1976],{},"跨语言能力一般：Python 全栈做得好，Go\u002FRust 写得磕磕绊绊",[84,1978,1979],{},"月底 effort 用完后体验断崖式下降",[21,1981,1982],{"id":1982},"上手",[242,1984,1985,1988,1991,1994,1997],{},[84,1986,1987],{},"replit.com 注册（Google\u002FGitHub OAuth），免费试 Agent",[84,1989,1990],{},"点 \"Create with Agent\"，描述 app（中文 OK）",[84,1992,1993],{},"选 Autonomy 档位：原型用 Medium，完整 app 用 High\u002FMax",[84,1995,1996],{},"等 Agent 自己写、跑、修；进度条 + 实时 chat",[84,1998,1999,2000,2002],{},"满意 → \"Deploy\"，秒得 ",[69,2001,1864],{}," URL",[21,2004,2005],{"id":2005},"对比一览",[106,2007,2008,2022],{},[109,2009,2010],{},[112,2011,2012,2014,2016,2018,2020],{},[115,2013,301],{},[115,2015,312],{},[115,2017,11],{},[115,2019,306],{},[115,2021,556],{},[127,2023,2024,2042,2057,2072,2085,2099],{},[112,2025,2026,2029,2034,2037,2039],{},[132,2027,2028],{},"单次自主时长",[132,2030,2031],{},[36,2032,2033],{},"200 分钟",[132,2035,2036],{},"~30 分钟",[132,2038,2036],{},[132,2040,2041],{},"短（组件级）",[112,2043,2044,2046,2049,2052,2055],{},[132,2045,384],{},[132,2047,2048],{},"内置（Replit Cloud）",[132,2050,2051],{},"外接 Netlify\u002FVercel",[132,2053,2054],{},"外接",[132,2056,393],{},[112,2058,2059,2062,2065,2067,2070],{},[132,2060,2061],{},"后端 \u002F 数据库",[132,2063,2064],{},"内置 Postgres",[132,2066,1597],{},[132,2068,2069],{},"Supabase 强集成",[132,2071,1597],{},[112,2073,2074,2077,2079,2081,2083],{},[132,2075,2076],{},"起步价",[132,2078,1306],{},[132,2080,151],{},[132,2082,1306],{},[132,2084,151],{},[112,2086,2087,2090,2093,2095,2097],{},[132,2088,2089],{},"中文体验",[132,2091,2092],{},"3\u002F5",[132,2094,2092],{},[132,2096,2092],{},[132,2098,2092],{},[112,2100,2101,2104,2107,2110,2112],{},[132,2102,2103],{},"Mobile app",[132,2105,2106],{},"React Native + Expo",[132,2108,2109],{},"否",[132,2111,2109],{},[132,2113,2109],{},[21,2115,2116],{"id":2116},"避坑",[81,2118,2119,2125,2131,2137,2146],{},[84,2120,2121,2124],{},[36,2122,2123],{},"Max Autonomy 看着诱人，谨慎用","：200 分钟跑歪了你也得为 effort 买单，初次写新功能先用 High 看看节奏",[84,2126,2127,2130],{},[36,2128,2129],{},"effort 用完前 checkpoint 一次","：Free \u002F Core 都有快照机制，定期保存可避免 Agent 把项目搞坏后无法回退",[84,2132,2133,2136],{},[36,2134,2135],{},"大文件 \u002F 大数据集传不进去","：Replit 的 storage 有上限，重型项目还是得 git push 到本地 \u002F GitHub",[84,2138,2139,2145],{},[36,2140,2141,2142],{},"生产部署要离开 ",[69,2143,2144],{},".replit.app","：自定义域名需要 Teams 起步，且高并发场景 Replit Cloud 不如 Vercel\u002FCloudflare",[84,2147,2148,2151],{},[36,2149,2150],{},"国内访问波动","：长 session 中断会丢上下文，重要项目建议白天稳定时段做",[21,2153,519],{"id":518},[81,2155,2156,2159,2162,2165,2168],{},[84,2157,2158],{},"✅ 非技术创始人 MVP \u002F hackathon 24h 出 demo",[84,2160,2161],{},"✅ 教育场景（带学生从 0 到部署）",[84,2163,2164],{},"✅ 想要『写完即部署』、不愿配置 hosting 的人",[84,2166,2167],{},"❌ 要把代码进企业 monorepo \u002F CI \u002F 私有 K8s",[84,2169,2170],{},"❌ Go \u002F Rust \u002F Java 重型后端",[21,2172,529],{"id":529},[81,2174,2175,2180,2185,2190],{},[84,2176,2177],{},[54,2178,2179],{"href":643},"Bolt.new 评测",[84,2181,2182],{},[54,2183,2184],{"href":1767},"Lovable 评测",[84,2186,2187],{},[54,2188,2189],{"href":1817},"v0 评测",[84,2191,2192,2196],{},[54,2193,2195],{"href":2194},"\u002Ftools\u002Fcoding\u002Fagent\u002Fdevin","Devin 评测","（更贵但更深的自主 Agent）",[21,2198,562],{"id":562},[242,2200,2201,2208,2215,2222],{},[84,2202,2203,2204],{},"AgentsDB — Replit Agent 3 Autonomy（2025-11-03）",[54,2205,2206],{"href":2206,"rel":2207},"https:\u002F\u002Fagentsdb.com\u002Freplit-agent-3-crosses-autonomy-threshold-for-developer-agents",[58],[84,2209,2210,2211],{},"WhatAI — Replit Agent 2026 Review（2026-06-13）",[54,2212,2213],{"href":2213,"rel":2214},"https:\u002F\u002Fwhataidoineed.com\u002Fblog\u002Freplit-agent-in-2026-what-it-can-build-real-use-cases-case-studies-how-it-works",[58],[84,2216,2217,2218],{},"Serenities — Replit Agent 2026 Verdict（2026-03-04）",[54,2219,2220],{"href":2220,"rel":2221},"https:\u002F\u002Fserenitiesai.com\u002Farticles\u002Freplit-agent-2026-features-pricing-review",[58],[84,2223,2224,2225],{},"AgentMarketCap — 200-Minute Runtime（2026-05-23）",[54,2226,2227],{"href":2227,"rel":2228},"https:\u002F\u002Fagentmarketcap.ai\u002Fblog\u002F2026\u002F05\u002F23\u002Freplit-agent-3-200-minute-autonomous-runtime",[58],{"title":287,"searchDepth":592,"depth":592,"links":2230},[2231,2232,2233,2234,2235,2236,2237,2238,2239,2240],{"id":23,"depth":595,"text":24},{"id":1838,"depth":595,"text":1838},{"id":1871,"depth":595,"text":1872},{"id":1939,"depth":595,"text":1940},{"id":1982,"depth":595,"text":1982},{"id":2005,"depth":595,"text":2005},{"id":2116,"depth":595,"text":2116},{"id":518,"depth":595,"text":519},{"id":529,"depth":595,"text":529},{"id":562,"depth":595,"text":562},"\u002Fimg\u002Ftools\u002Freplit-agent.webp","Replit Agent 真实评测：Agent 3 在 2026 年扩展到 200 分钟 Max Autonomy 自主运行，浏览器内即可完成 plan → code → test → deploy，是非技术创始人和教育场景的最强 builder。",[2244,2247,2250,2253],{"q":2245,"a":2246},"Agent 3 和 Agent 2 区别在哪？","Agent 3（2025-09 起）加入了 live browser 自检、反思循环自动 fix bug、可生成子 Agent \u002F 定时任务、可单次最长 200 分钟无人值守运行。这是和 Cursor Composer（~30 分钟会话）最大的差距。",{"q":2248,"a":2249},"实际能完整产出什么？","典型 CRUD app（Next.js \u002F Flask + Postgres + auth + 部署）从 prompt 到 live URL 约 10–15 分钟。复杂应用（数据流、第三方集成）需要 30–60 分钟 Max Autonomy。",{"q":2251,"a":2252},"中文友好吗？","界面支持中文，Agent 听懂中文 prompt 没问题；但默认 LLM 走美国节点，速度比国内 Trae \u002F 通义灵码 慢，且偶有网络抖动。",{"q":2254,"a":2255},"ACU \u002F effort 是什么？","Replit 用『effort-based』计费——一次复杂任务约 0.1–1 effort，简单提问 \u003C 0.05。Core $25\u002F月含基础 effort 池，超出按 $0.25\u002Feffort 起。",[2257,635],"zh",{},"\u002Ftools\u002Fcoding\u002Fbuilder\u002Freplit-agent",[646,2261],"mobile",[2263,2267,2269,2272],{"plan":134,"price":2264,"seats":2265,"notes":2266},"$0\u002F月","1","限额 checkpoint、公共 repl、试用 Agent",{"plan":1904,"price":1306,"seats":2265,"notes":2268},"含基础 effort credits，私有项目，部署 \u002F 数据库",{"plan":204,"price":1918,"seats":2270,"notes":2271},"≥2","共享 workspace、池化 credits、角色权限",{"plan":1330,"price":1333,"seats":650,"notes":2273},"SSO、私有 cloud、合规、SLA","Free 限额 \u002F Core $25·月含 ACU \u002F Teams $35·席·月 \u002F Enterprise 定制",[2276,2279],{"name":2277,"url":2278},"Claude Code 入门","\u002Fplaybook\u002Fonboarding\u002Fclaude-code-getting-started",{"name":2280,"url":2281},"AI 自动化部署 Playbook","\u002Fplaybook\u002Fdeploy\u002Fai-auto-deploy",{"power":669,"ux":669,"price":592,"cn_support":592,"stability":668},{"title":312,"description":2242},[2285,2287,2289,2291],{"name":2286,"url":2206,"accessed":697},"AgentsDB — Replit Agent 3 autonomy",{"name":2288,"url":2213,"accessed":697},"WhatAI — Replit Agent 2026 review",{"name":2290,"url":2220,"accessed":697},"Serenities — Replit Agent 2026 verdict",{"name":2292,"url":2227,"accessed":697},"AgentMarketCap — 200-minute runtime","tools\u002Fcoding\u002Fbuilder\u002Freplit-agent","浏览器内 200 分钟自主开发 + 部署的全栈 Agent（Agent 3）",[691,692,2296,2297,2298,2261],"deploy","education","autonomous","教育\u002F非技术创始人最友好的 AI 全栈 Builder。Agent 3 把自主时长拉到 200 分钟，是 Bolt\u002FLovable 没法对标的优势。","https:\u002F\u002Freplit.com","-lYl_74JnUbQGHR-4UUbW1s746QjwNZeYmgwDipvzMI",{"id":2303,"title":2304,"alternatives":2305,"api_compatible":16,"body":2311,"category":609,"chinese_friendly":595,"cover":2784,"description":2785,"domestic":612,"extension":613,"faq":2786,"free":612,"github":16,"languages":2799,"meta":2800,"models":16,"navigation":637,"notSuitable":16,"opensource":612,"path":2801,"pillar":644,"platforms":2802,"priceTable":2806,"pricing":2818,"published":663,"relatedPlaybooks":2819,"relatedReviews":16,"score":2823,"self_host":612,"seo":2824,"slug":2825,"sources":2826,"stem":2835,"suitable":16,"tagline":2836,"tags":2837,"updated":697,"verdict":2844,"website":2845,"__hash__":2846},"tools\u002Ftools\u002Fcoding\u002Fbuilder\u002Ftempo.md","Tempo",[2306,2307,2308,2309],{"name":1813,"url":643},{"name":1815,"url":1767},{"name":556,"url":1817},{"name":2310,"url":2259},"replit-agent",{"type":18,"value":2312,"toc":2772},[2313,2315,2318,2321,2324,2379,2381,2399,2404,2408,2413,2433,2438,2461,2463,2486,2489,2633,2635,2685,2687,2719,2721,2740,2742],[21,2314,24],{"id":23},[33,2316,2317],{},"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,2319,2320],{},"适合：React 栈的 solo \u002F 早期团队想要『可视化 + 真代码 + PR-friendly』；产品复杂度中等以上需要 user-flow 规划；设计师 + 前端工程师协作。不适合：Vue \u002F Svelte \u002F Solid 栈；纯 landing page（杀鸡用牛刀）；纯后端 \u002F API；预算极紧（Free 配额很快用完）。",[21,2322,2323],{"id":2323},"核心能力",[81,2325,2326,2332,2338,2344,2350,2356,2362,2368,2374],{},[84,2327,2328,2331],{},[36,2329,2330],{},"多 agent 规划","：先出 user-flow 图（页面 \u002F 状态 \u002F 数据流）→ 确认 → 写代码",[84,2333,2334,2337],{},[36,2335,2336],{},"可视化编辑真 React","：选元素改样式 \u002F 布局，输出 production React，不是 HTML 模拟",[84,2339,2340,2343],{},[36,2341,2342],{},"GitHub PR 推送","：一键开 PR，沿用团队 review 流程",[84,2345,2346,2349],{},[36,2347,2348],{},"MCP App Store","：Stripe \u002F Resend \u002F Clerk \u002F OpenAI agent \u002F 消息一键集成",[84,2351,2352,2355],{},[36,2353,2354],{},"Figma 导入","：设计稿 → React + Tailwind",[84,2357,2358,2361],{},[36,2359,2360],{},"shadcn \u002F Tailwind 内置","：组件库一等公民",[84,2363,2364,2367],{},[36,2365,2366],{},"多端","：Web + macOS（含 Intel）+ Windows + Linux 客户端",[84,2369,2370,2373],{},[36,2371,2372],{},"flat-rate message credits","：不按 token，预算可预测",[84,2375,2376],{},[36,2377,2378],{},"实时预览 + 协作",[21,2380,104],{"id":104},[81,2382,2383,2388,2393],{},[84,2384,2385,2387],{},[36,2386,134],{},"：$0，有限 credits，验证够用",[84,2389,2390,2392],{},[36,2391,148],{},"：~$30\u002F月，flat-rate message credits + 全 AI + 完整代码导出",[84,2394,2395,2398],{},[36,2396,2397],{},"Agent+","：$4,500\u002F月，AI + 人工设计 review + code 审计",[225,2400,2401],{},[33,2402,2403],{},"真实陷阱：Free 复杂项目几天用完；Agent+ 价位是给 design agency \u002F Series B 团队，solo 别上。",[21,2405,2407],{"id":2406},"实测solo-founder-react-tailwind-产品","实测（solo founder \u002F React + Tailwind 产品）",[33,2409,2410],{},[36,2411,2412],{},"亮点：",[81,2414,2415,2418,2421,2424,2427,2430],{},[84,2416,2417],{},"user-flow 规划阶段帮 think before code，避免改了三次还偏",[84,2419,2420],{},"编辑真 React 体验比 Figma → 切图工作流流畅 10 倍",[84,2422,2423],{},"GitHub PR 让生成代码进入正常 review 流程，不像 Bolt 那种黑盒",[84,2425,2426],{},"MCP App Store 加 Stripe + Auth 一晚上跑通",[84,2428,2429],{},"flat-rate credits 比 token-based 容易预算",[84,2431,2432],{},"shadcn \u002F Tailwind 输出代码干净，老工程师不抗拒",[33,2434,2435],{},[36,2436,2437],{},"踩坑：",[81,2439,2440,2443,2446,2449,2452,2455,2458],{},[84,2441,2442],{},"React-only 是真硬性约束，stack 不匹配就别尝试",[84,2444,2445],{},"复杂业务逻辑（多角色权限 \u002F 工作流引擎）AI 规划深度不够",[84,2447,2448],{},"自定义 design system 不强，team brand 落地要手动",[84,2450,2451],{},"中文 UI \u002F 文档弱，prompt 用英文最佳",[84,2453,2454],{},"Agent+ $4,500\u002F月对个人 \u002F 早期团队明显过位",[84,2456,2457],{},"偶尔 multi-agent 阶段卡顿，要重试",[84,2459,2460],{},"数据持久化 \u002F 后端 API 仍要自己接（Tempo 主攻前端）",[21,2462,1982],{"id":1982},[242,2464,2465,2468,2471,2474,2477,2480,2483],{},[84,2466,2467],{},"tempo.new → 注册（GitHub \u002F Google）→ 下客户端或用 Web",[84,2469,2470],{},"新建项目 → 写需求 prompt（含 user-flow 偏好）",[84,2472,2473],{},"multi-agent 出 user-flow 图 → 审阅 \u002F 改 → 确认",[84,2475,2476],{},"自动生成 React + Tailwind + shadcn 代码",[84,2478,2479],{},"可视化编辑器调样式 \u002F 布局，AI prompt 调逻辑",[84,2481,2482],{},"MCP App Store 加 Stripe \u002F Clerk \u002F Resend",[84,2484,2485],{},"GitHub 连接 → 一键 PR → 团队 review → merge",[21,2487,2488],{"id":2488},"对比",[106,2490,2491,2505],{},[109,2492,2493],{},[112,2494,2495,2497,2499,2501,2503],{},[115,2496,301],{},[115,2498,2304],{},[115,2500,11],{},[115,2502,306],{},[115,2504,556],{},[127,2506,2507,2522,2536,2550,2565,2577,2590,2604,2618],{},[112,2508,2509,2511,2514,2517,2519],{},[132,2510,1162],{},[132,2512,2513],{},"React-first builder",[132,2515,2516],{},"全栈 prompt-to-app",[132,2518,2516],{},[132,2520,2521],{},"UI 组件生成",[112,2523,2524,2526,2529,2531,2533],{},[132,2525,2330],{},[132,2527,2528],{},"✅ user-flow 图",[132,2530,443],{},[132,2532,443],{},[132,2534,2535],{},"–",[112,2537,2538,2541,2544,2546,2548],{},[132,2539,2540],{},"可视化编辑真代码",[132,2542,2543],{},"✅ React",[132,2545,2535],{},[132,2547,2535],{},[132,2549,2535],{},[112,2551,2552,2555,2558,2561,2563],{},[132,2553,2554],{},"GitHub PR",[132,2556,2557],{},"✅ 一键",[132,2559,2560],{},"✅",[132,2562,2560],{},[132,2564,2560],{},[112,2566,2567,2569,2571,2573,2575],{},[132,2568,2348],{},[132,2570,2560],{},[132,2572,2535],{},[132,2574,2535],{},[132,2576,2535],{},[112,2578,2579,2581,2583,2585,2587],{},[132,2580,1239],{},[132,2582,1242],{},[132,2584,1245],{},[132,2586,1245],{},[132,2588,2589],{},"React (shadcn)",[112,2591,2592,2595,2598,2600,2602],{},[132,2593,2594],{},"代码导出",[132,2596,2597],{},"✅ Pro+",[132,2599,2560],{},[132,2601,2560],{},[132,2603,2560],{},[112,2605,2606,2608,2611,2614,2616],{},[132,2607,417],{},[132,2609,2610],{},"$30\u002Fmo",[132,2612,2613],{},"$20\u002Fmo",[132,2615,2613],{},[132,2617,2613],{},[112,2619,2620,2622,2625,2628,2630],{},[132,2621,448],{},[132,2623,2624],{},"React 开发者 + 早期团队",[132,2626,2627],{},"full-stack 快速验证",[132,2629,2627],{},[132,2631,2632],{},"UI 组件",[21,2634,2116],{"id":2116},[81,2636,2637,2643,2649,2655,2661,2667,2673,2679],{},[84,2638,2639,2642],{},[36,2640,2641],{},"stack 必须是 React","：Vue \u002F Svelte \u002F Solid 走别处，不要硬塞",[84,2644,2645,2648],{},[36,2646,2647],{},"复杂业务逻辑分多 prompt","：一次喂太大 user-flow agent 会丢细节",[84,2650,2651,2654],{},[36,2652,2653],{},"数据 \u002F 后端自己接","：Tempo 前端为主，Supabase \u002F Convex \u002F 自家 API 都得手动接",[84,2656,2657,2660],{},[36,2658,2659],{},"Pro 配额监控","：复杂项目 flat-rate 也会用尽，要看 dashboard",[84,2662,2663,2666],{},[36,2664,2665],{},"Agent+ 不要冲动","：$4,500\u002F月是给设计公司，先 Pro 跑两月看 ROI",[84,2668,2669,2672],{},[36,2670,2671],{},"GitHub PR 别盲 merge","：AI 生成的 React 偶有 anti-pattern（useEffect 滥用 \u002F 多余 state），人工 review",[84,2674,2675,2678],{},[36,2676,2677],{},"多 agent 卡顿","：失败重试 \u002F 简化 prompt，避免一次喂太多需求",[84,2680,2681,2684],{},[36,2682,2683],{},"brand \u002F design system","：自家品牌深度定制要在生成后手动调，AI 主要给通用模板",[21,2686,519],{"id":518},[81,2688,2689,2692,2695,2698,2701,2704,2707,2710,2713,2716],{},[84,2690,2691],{},"✅ React 栈 solo \u002F 早期团队",[84,2693,2694],{},"✅ 中等复杂度产品（多页 + 简单业务逻辑）",[84,2696,2697],{},"✅ 设计师 + 前端协作（可视化 + 真代码）",[84,2699,2700],{},"✅ 需要 GitHub PR-friendly 流程",[84,2702,2703],{},"✅ flat-rate 预算偏好",[84,2705,2706],{},"❌ Vue \u002F Svelte \u002F Solid 栈",[84,2708,2709],{},"❌ 纯 landing page（Framer \u002F Webflow 更快）",[84,2711,2712],{},"❌ 纯后端 \u002F API",[84,2714,2715],{},"❌ 极复杂业务（多角色 \u002F 工作流引擎）",[84,2717,2718],{},"❌ 预算极紧（Free 不够，Pro 是底线）",[21,2720,529],{"id":529},[81,2722,2723,2727,2731,2735],{},[84,2724,2725],{},[54,2726,2179],{"href":643},[84,2728,2729],{},[54,2730,2184],{"href":1767},[84,2732,2733],{},[54,2734,2189],{"href":1817},[84,2736,2737],{},[54,2738,2739],{"href":2259},"Replit Agent 评测",[21,2741,562],{"id":562},[242,2743,2744,2751,2758,2765],{},[84,2745,2746,2747],{},"Tempo 官网（产品定位 + 真 React 编辑）",[54,2748,2749],{"href":2749,"rel":2750},"https:\u002F\u002Fwww.tempo.new\u002F",[58],[84,2752,2753,2754],{},"VibeCoding — Tempo Review 2026（多 agent \u002F Agent+ $4,500 \u002F MCP App Store）",[54,2755,2756],{"href":2756,"rel":2757},"https:\u002F\u002Fvibecoding.app\u002Fblog\u002Ftempo-review",[58],[84,2759,2760,2761],{},"AI Tools Mentor — Tempo Pricing & Specs（Free \u002F Pro $30）",[54,2762,2763],{"href":2763,"rel":2764},"https:\u002F\u002Fwww.aitoolsmentor.com\u002Ftool\u002Ftempo",[58],[84,2766,2767,2768],{},"TheseAITools — Tempo Labs 功能 \u002F 用例 ",[54,2769,2770],{"href":2770,"rel":2771},"https:\u002F\u002Ftheseaitools.com\u002Ftools\u002Ftempo-labs",[58],{"title":287,"searchDepth":592,"depth":592,"links":2773},[2774,2775,2776,2777,2778,2779,2780,2781,2782,2783],{"id":23,"depth":595,"text":24},{"id":2323,"depth":595,"text":2323},{"id":104,"depth":595,"text":104},{"id":2406,"depth":595,"text":2407},{"id":1982,"depth":595,"text":1982},{"id":2488,"depth":595,"text":2488},{"id":2116,"depth":595,"text":2116},{"id":518,"depth":595,"text":519},{"id":529,"depth":595,"text":529},{"id":562,"depth":595,"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 是定位也是局限。",[2787,2790,2793,2796],{"q":2788,"a":2789},"和 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":2791,"a":2792},"为什么只支持 React？","Tempo 把所有精力压在 React 生态（含 shadcn \u002F Tailwind \u002F Next.js），换来更深度的可视化编辑 + 更干净的代码输出。代价是 Vue \u002F Svelte \u002F Solid 用户用不了——官方明确这是 deliberate trade-off。",{"q":2794,"a":2795},"Multi-agent 规划具体怎么工作？","Tempo 的差异点：写需求后，先有 agent 生成 user-flow 图（页面 \u002F 状态 \u002F 数据流），用户确认后再多个 agent 协作写代码——而不是直接 jump-to-code。适合中等复杂度产品；简单 landing page 反而觉得啰嗦。",{"q":2797,"a":2798},"MCP App Store 提供什么？","Tempo 内置的插件市场：Stripe 支付 \u002F Resend 邮件 \u002F Clerk Auth \u002F OpenAI agent \u002F 消息推送等，一键插入到生成的应用，不用自己写 integration 代码。这是 2026 年 builder 类工具普遍补齐的能力。",[635],{},"\u002Ftools\u002Fcoding\u002Fbuilder\u002Ftempo",[646,2803,2804,2805],"macos","windows","linux",[2807,2810,2814],{"plan":134,"price":137,"features":2808,"notes":2809},"基础访问 + 有限 message credits + 小项目验证","试水 \u002F hobby",{"plan":148,"price":2811,"features":2812,"notes":2813},"~$30\u002F月","更高 message 配额 + 全 AI 特性 + 完整代码导出 + GitHub PR + MCP App Store","solo \u002F 早期团队主力档",{"plan":2397,"price":2815,"features":2816,"notes":2817},"$4,500\u002F月","AI 生成 + 人工设计审查 + code 审计 + 优先支持","design-heavy 团队","Free \u002F Pro ~$30\u002F月 \u002F Agent+ $4,500\u002F月（含人工设计 + code 审计）",[2820],{"name":2821,"url":2822},"v0 + Cursor 全流程","\u002Fplaybook\u002Fonboarding\u002Fv0-cursor-workflow",{"power":668,"ux":669,"price":592,"cn_support":595,"stability":668},{"title":2304,"description":2785},"coding\u002Fbuilder\u002Ftempo",[2827,2829,2831,2833],{"name":2828,"url":2749,"accessed":697},"Tempo 官网",{"name":2830,"url":2756,"accessed":697},"VibeCoding — Tempo Review 2026（多 agent \u002F Agent+ 定价）",{"name":2832,"url":2763,"accessed":697},"AI Tools Mentor — Tempo Pricing & Specs",{"name":2834,"url":2770,"accessed":697},"TheseAITools — Tempo Labs Features","tools\u002Fcoding\u002Fbuilder\u002Ftempo","React-first prompt-to-app + 多 agent 规划 + 可视化编辑——直接编辑产线 React 代码",[2838,2839,2840,2841,2842,1805,2843],"react","app-builder","vibe-coding","multi-agent","figma","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","6oLWzPQRNhoSpjwLSS2jqFdukmyIHIFmzx-Bf3wzQKw",{"id":2848,"title":556,"alternatives":2849,"api_compatible":16,"body":2853,"category":609,"chinese_friendly":592,"cover":3277,"description":3278,"domestic":612,"extension":613,"faq":3279,"free":612,"github":16,"languages":3292,"meta":3293,"models":16,"navigation":637,"notSuitable":16,"opensource":612,"path":1817,"pillar":644,"platforms":3294,"priceTable":3295,"pricing":3306,"published":663,"relatedPlaybooks":3307,"relatedReviews":16,"score":3314,"self_host":612,"seo":3315,"slug":14,"sources":3316,"stem":3323,"suitable":16,"tagline":3324,"tags":3325,"updated":697,"verdict":3331,"website":2862,"__hash__":3332},"tools\u002Ftools\u002Fcoding\u002Fbuilder\u002Fv0.md",[2850,2851,2852],{"name":1813,"url":643},{"name":1815,"url":1767},{"name":2310,"url":2259},{"type":18,"value":2854,"toc":3265},[2855,2857,2866,2869,2871,2878,2881,2907,2911,2994,2997,3004,3008,3013,3024,3029,3043,3045,3065,3067,3164,3166,3201,3203,3217,3219,3240,3242],[21,2856,24],{"id":23},[33,2858,2859,2860,2865],{},"v0 是 Vercel 的 AI UI 生成器，定位是「把自然语言\u002F截图变成可用的 React + Tailwind + shadcn\u002Fui 组件」。2026 年迁到 ",[54,2861,2864],{"href":2862,"rel":2863},"https:\u002F\u002Fv0.app",[58],"v0.app","（原 v0.dev），引入 Mini \u002F Pro \u002F Max 三档专属模型 + 积分制：Free $5、Premium $20\u002F月（$20 credits）、Team $30\u002F席。输出质量是同类最好——一行不改就能进生产的 shadcn 代码，是其他 builder 比不上的。",[33,2867,2868],{},"适合：前端工程师做 UI 草稿、设计稿 → 代码、营销页\u002F控制台快速搭建。不适合：要带数据库 + 鉴权 + 部署的完整 SaaS——那是 Bolt \u002F Lovable \u002F Replit Agent 的地盘。",[21,2870,1838],{"id":1838},[33,2872,2873,2874,2877],{},"v0 不是 IDE 也不是「全栈一句话出 SaaS」类工具，它专注做一件事：",[36,2875,2876],{},"把描述\u002F图片变成高质量 React 组件","。底座是 Next.js 14+、Tailwind、shadcn\u002Fui，输出符合现代前端工程标准——可访问性、响应式、TypeScript、服务端组件、loading\u002Ferror state。",[33,2879,2880],{},"2026 年的 v0 已不是单组件玩具：",[81,2882,2883,2889,2895,2901],{},[84,2884,2885,2888],{},[36,2886,2887],{},"多页应用生成","：可以一次性吐出含导航、布局、多个路由的完整 Next.js 项目骨架",[84,2890,2891,2894],{},[36,2892,2893],{},"三档模型","：Mini（便宜快）\u002F Pro（默认）\u002F Max（高质量复杂任务），积分消耗不同",[84,2896,2897,2900],{},[36,2898,2899],{},"Git\u002F部署","：内置项目管理 + 一键 deploy 到 Vercel，Premium 起可导出到 GitHub",[84,2902,2903,2906],{},[36,2904,2905],{},"图像理解","：丢一张设计稿\u002F截图，直接给你 pixel-perfect 的 shadcn 实现",[21,2908,2910],{"id":2909},"价格2026-年-6-月按官方与第三方追踪综合","价格（2026 年 6 月，按官方与第三方追踪综合）",[106,2912,2913,2926],{},[109,2914,2915],{},[112,2916,2917,2919,2921,2924],{},[115,2918,1881],{},[115,2920,104],{},[115,2922,2923],{},"月度 credits",[115,2925,1886],{},[127,2927,2928,2940,2957,2971,2983],{},[112,2929,2930,2932,2934,2937],{},[132,2931,134],{},[132,2933,137],{},[132,2935,2936],{},"$5",[132,2938,2939],{},"200 项目、带水印、public only",[112,2941,2942,2947,2951,2954],{},[132,2943,2944],{},[36,2945,2946],{},"Premium",[132,2948,2949],{},[36,2950,151],{},[132,2952,2953],{},"$20",[132,2955,2956],{},"自定义域名、私有项目、GitHub 导出",[112,2958,2959,2962,2965,2968],{},[132,2960,2961],{},"Team",[132,2963,2964],{},"$30\u002F席\u002F月",[132,2966,2967],{},"$30\u002F席",[132,2969,2970],{},"共享 workspace、池化 credits、年付约 8 折",[112,2972,2973,2975,2978,2980],{},[132,2974,1317],{},[132,2976,2977],{},"$100\u002F席\u002F月",[132,2979,2967],{},[132,2981,2982],{},"SOC 2、私有部署增强、合规审计",[112,2984,2985,2987,2989,2991],{},[132,2986,1330],{},[132,2988,1333],{},[132,2990,1333],{},[132,2992,2993],{},"SSO\u002FSAML、专属支持",[33,2995,2996],{},"积分消耗模型：「一次生成 = 1+ credits，按 token + 选用模型档位计费」。读代码、聊天不耗。Pro 档一次复杂多页生成约 $1–$3 credits，Max 档可能 $3–$8。",[33,2998,2999,3000,3003],{},"注意 ",[36,3001,3002],{},"hosting"," 是另一笔钱：v0 自己不收 hosting 费，但 Vercel Hobby 免费够 demo，生产建议升 Vercel Pro（$20\u002F席\u002F月）。整体 TCO ≈ $40\u002F月入门。",[21,3005,3007],{"id":3006},"实测一周高强度试用观察","实测（一周高强度试用观察）",[33,3009,3010,1946],{},[36,3011,3012],{},"好的地方",[81,3014,3015,3018,3021],{},[84,3016,3017],{},"shadcn 代码质量明显高一档，几乎可以 copy 进生产代码库",[84,3019,3020],{},"图像 → 代码的还原度是同类第一（实测一张 Figma 截图 → 90% 还原）",[84,3022,3023],{},"多页生成的路由结构 \u002F loading state \u002F a11y 标签都按 Next.js 13+ 规范写",[33,3025,3026,1946],{},[36,3027,3028],{},"踩坑",[81,3030,3031,3034,3037,3040],{},[84,3032,3033],{},"不擅长后端：写 API route 经常瞎编 Prisma schema 或调错 SDK",[84,3035,3036],{},"积分易超：Max 档调一次复杂表单可能 $5+ credits，Premium 单月 $20 不够撑 50 次",[84,3038,3039],{},"中文 prompt 偶尔输出英文 UI，需要在描述里加「界面文案保持中文」",[84,3041,3042],{},"v0.dev → v0.app 迁移期，部分老链接 redirect 异常",[21,3044,1982],{"id":1982},[242,3046,3047,3050,3053,3056,3059],{},[84,3048,3049],{},"v0.app 注册（GitHub OAuth 最快），自动给 Free $5 credits",[84,3051,3052],{},"用一句话或截图描述 UI，选 Mini\u002FPro\u002FMax 模型档位",[84,3054,3055],{},"在 chat 里迭代修改，preview 实时更新",[84,3057,3058],{},"满意后 → GitHub 导出（需 Premium）或一键 Vercel deploy",[84,3060,3061,3062],{},"拷贝代码进现有项目——shadcn 组件可直接进 ",[69,3063,3064],{},"components\u002Fui\u002F",[21,3066,2005],{"id":2005},[106,3068,3069,3083],{},[109,3070,3071],{},[112,3072,3073,3075,3077,3079,3081],{},[115,3074,301],{},[115,3076,556],{},[115,3078,11],{},[115,3080,306],{},[115,3082,312],{},[127,3084,3085,3102,3119,3135,3150],{},[112,3086,3087,3090,3093,3096,3099],{},[132,3088,3089],{},"强项",[132,3091,3092],{},"组件 \u002F UI 还原",[132,3094,3095],{},"全栈应用 + WebContainer",[132,3097,3098],{},"全栈 + 数据库 + Auth",[132,3100,3101],{},"浏览器 IDE + 部署",[112,3103,3104,3107,3110,3113,3116],{},[132,3105,3106],{},"输出代码",[132,3108,3109],{},"Next.js + shadcn",[132,3111,3112],{},"Vite \u002F Next",[132,3114,3115],{},"Vite + Supabase",[132,3117,3118],{},"任意 stack",[112,3120,3121,3123,3126,3129,3132],{},[132,3122,2076],{},[132,3124,3125],{},"$20\u002F月 + Vercel",[132,3127,3128],{},"$20\u002F月 token",[132,3130,3131],{},"$25\u002F月 credits",[132,3133,3134],{},"Core $25\u002F月",[112,3136,3137,3139,3141,3144,3147],{},[132,3138,368],{},[132,3140,1597],{},[132,3142,3143],{},"中",[132,3145,3146],{},"强（Supabase 集成）",[132,3148,3149],{},"强",[112,3151,3152,3155,3158,3160,3162],{},[132,3153,3154],{},"Vercel 集成",[132,3156,3157],{},"原生",[132,3159,2109],{},[132,3161,2109],{},[132,3163,2109],{},[21,3165,2116],{"id":2116},[81,3167,3168,3174,3180,3186,3192],{},[84,3169,3170,3173],{},[36,3171,3172],{},"不要拿 v0 写后端","：API、数据库 schema、auth 流程交给 Cursor \u002F Codex \u002F Claude Code，v0 专心做 UI",[84,3175,3176,3179],{},[36,3177,3178],{},"Free 水印过不了客户验收","：演示前一定升 Premium 或自建部署",[84,3181,3182,3185],{},[36,3183,3184],{},"不要每次 prompt 都用 Max 档","：默认 Pro 已经够好，Max 留给复杂多页或像素级还原",[84,3187,3188,3191],{},[36,3189,3190],{},"批量生成 → 必走 GitHub 导出","：避免锁在 v0 项目里，万一改定价就被动",[84,3193,3194,3197,3198],{},[36,3195,3196],{},"shadcn 版本要对齐","：v0 用最新版 shadcn，旧项目导入前先 ",[69,3199,3200],{},"npx shadcn@latest init",[21,3202,519],{"id":518},[81,3204,3205,3208,3211,3214],{},[84,3206,3207],{},"✅ 前端工程师做组件、营销页、控制台 \u002F dashboard、设计稿落地",[84,3209,3210],{},"✅ 已经用 Next.js + Vercel + shadcn 技术栈的团队",[84,3212,3213],{},"❌ 想要「一句话出完整 SaaS」——选 Lovable \u002F Bolt",[84,3215,3216],{},"❌ 不用 React 的团队（Vue \u002F Svelte 党）",[21,3218,529],{"id":529},[81,3220,3221,3225,3229,3233],{},[84,3222,3223],{},[54,3224,2179],{"href":643},[84,3226,3227],{},[54,3228,2184],{"href":1767},[84,3230,3231],{},[54,3232,2739],{"href":2259},[84,3234,3235,3239],{},[54,3236,3238],{"href":3237},"\u002Ftools\u002Fcoding\u002Fide\u002Fcursor","Cursor 评测","（写后端搭配 v0）",[21,3241,562],{"id":562},[242,3243,3244,3251,3258],{},[84,3245,3246,3247],{},"nocode.mba — V0 Pricing 2026（2026-03-02）",[54,3248,3249],{"href":3249,"rel":3250},"https:\u002F\u002Fwww.nocode.mba\u002Farticles\u002Fv0-pricing",[58],[84,3252,3253,3254],{},"automationatlas — v0 Pricing Explained 2026（2026-05-06）",[54,3255,3256],{"href":3256,"rel":3257},"https:\u002F\u002Fautomationatlas.io\u002Fanswers\u002Fv0-pricing-explained-2026",[58],[84,3259,3260,3261],{},"nxcode — v0 Complete Guide 2026（2026-03）",[54,3262,3263],{"href":3263,"rel":3264},"https:\u002F\u002Fwww.nxcode.io\u002Fresources\u002Fnews\u002Fv0-by-vercel-complete-guide-2026",[58],{"title":287,"searchDepth":592,"depth":592,"links":3266},[3267,3268,3269,3270,3271,3272,3273,3274,3275,3276],{"id":23,"depth":595,"text":24},{"id":1838,"depth":595,"text":1838},{"id":2909,"depth":595,"text":2910},{"id":3006,"depth":595,"text":3007},{"id":1982,"depth":595,"text":1982},{"id":2005,"depth":595,"text":2005},{"id":2116,"depth":595,"text":2116},{"id":518,"depth":595,"text":519},{"id":529,"depth":595,"text":529},{"id":562,"depth":595,"text":562},"\u002Fimg\u002Ftools\u002Fv0.webp","v0 真实评测：Vercel 出品的 AI UI 生成器，输入描述即可生成 React + Tailwind + shadcn\u002Fui 组件。2026 年迁移到 v0.app，按积分计费，Premium $20\u002F月含 $20 credits。",[3280,3283,3286,3289],{"q":3281,"a":3282},"v0 和 Bolt \u002F Lovable 怎么选？","v0 强在『组件级 \u002F 多页前端』和 shadcn 代码质量；Bolt \u002F Lovable 强在『完整全栈带后端』。前端工程师选 v0，非技术 PM 想要带数据库的应用选 Lovable。",{"q":3284,"a":3285},"积分用完会怎样？","Premium 单月 $20 credits 用完后无法继续生成，需要等下月或升级 Team；不会自动按 API 价继续扣，对预算友好。",{"q":3287,"a":3288},"生成代码能脱离 Vercel 跑吗？","能。v0 输出标准的 Next.js + shadcn\u002Fui，Premium 起支持 GitHub 导出，可部署到任意 Node 平台；但 v0 自带 preview\u002Fdeploy 走的是 Vercel。",{"q":3290,"a":3291},"为什么我的部署有水印？","Free tier 限制——public 项目 + Vercel 水印；升级 Premium 即可移除。",[635],{},[646],[3296,3298,3300,3302,3304],{"plan":134,"price":2264,"seats":2265,"notes":3297},"$5 credits\u002F月，200 项目上限，带水印部署",{"plan":2946,"price":151,"seats":2265,"notes":3299},"$20 credits\u002F月，自定义域名，GitHub 导出",{"plan":2961,"price":2964,"seats":2270,"notes":3301},"$30 credits\u002F席，共享工作区，年付约 8 折",{"plan":1317,"price":2977,"seats":2270,"notes":3303},"私有项目、SOC 2、增强隔离",{"plan":1330,"price":1333,"seats":650,"notes":3305},"SSO\u002FSAML、审计日志、专属支持","Free $5 credits \u002F Premium $20·月 \u002F Team $30·席\u002F月 \u002F Business $100·席\u002F月",[3308,3311],{"name":3309,"url":3310},"Cursor MCP 深度集成","\u002Fplaybook\u002Fonboarding\u002Fcursor-mcp-deep-integration",{"name":3312,"url":3313},"RAG Pipeline 搭建实战","\u002Fplaybook\u002Fonboarding\u002Frag-pipeline-build",{"power":668,"ux":669,"price":592,"cn_support":592,"stability":668},{"title":556,"description":3278},[3317,3319,3321],{"name":3318,"url":3249,"accessed":697},"nocode.mba — V0 Pricing 2026",{"name":3320,"url":3256,"accessed":697},"automationatlas — v0 pricing",{"name":3322,"url":3263,"accessed":697},"nxcode — v0 complete guide 2026","tools\u002Fcoding\u002Fbuilder\u002Fv0","Vercel 出品：从自然语言生成 React \u002F Next.js 组件",[3326,2838,3327,3328,3329,693,3330],"ui-generator","nextjs","tailwind","shadcn","vercel","React\u002FNext.js 生态最好用的 AI UI 生成器；2026 改成 credit-based + 多 model（Mini\u002FPro\u002FMax），shadcn 输出一如既往是顶级品质。","_pLnZclf4wOmnn0Gwy84WZ3k3KTxxJlGZNVGIe1jISw",[],1782316490492]