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