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