[{"data":1,"prerenderedAt":1114},["ShallowReactive",2],{"header-counts":3,"footer-counts":6,"compare-tempo-vs-v0":9,"compare-a-tempo":10,"compare-b-v0":613},{"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":18,"category":539,"chinese_friendly":529,"cover":540,"description":541,"domestic":542,"extension":543,"faq":544,"free":542,"github":9,"languages":557,"lastVerified":9,"meta":559,"models":9,"navigation":560,"notSuitable":9,"opensource":542,"path":561,"pillar":562,"platforms":563,"priceTable":568,"pricing":581,"published":582,"relatedPlaybooks":583,"relatedReviews":9,"score":585,"self_host":542,"seo":588,"seoTitle":9,"slug":589,"sources":590,"stem":600,"suitable":9,"tagline":601,"tags":602,"updated":593,"verdict":610,"website":611,"__hash__":612},"tools\u002Ftools\u002Fcoding\u002Fbuilder\u002Ftempo.md","Tempo",[14,15,16,17],"coding\u002Fbuilder\u002Fbolt-new","coding\u002Fbuilder\u002Flovable","coding\u002Fbuilder\u002Fv0","coding\u002Fbuilder\u002Freplit-agent",{"type":19,"value":20,"toc":524},"minimark",[21,26,30,33,36,94,97,117,123,127,132,152,157,180,183,207,210,371,374,424,428,460,463,490,493],[22,23,25],"h2",{"id":24},"tldr","TL;DR",[27,28,29],"p",{},"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。",[27,31,32],{},"适合：React 栈的 solo \u002F 早期团队想要『可视化 + 真代码 + PR-friendly』；产品复杂度中等以上需要 user-flow 规划；设计师 + 前端工程师协作。不适合：Vue \u002F Svelte \u002F Solid 栈；纯 landing page（杀鸡用牛刀）；纯后端 \u002F API；预算极紧（Free 配额很快用完）。",[22,34,35],{"id":35},"核心能力",[37,38,39,47,53,59,65,71,77,83,89],"ul",{},[40,41,42,46],"li",{},[43,44,45],"strong",{},"多 agent 规划","：先出 user-flow 图（页面 \u002F 状态 \u002F 数据流）→ 确认 → 写代码",[40,48,49,52],{},[43,50,51],{},"可视化编辑真 React","：选元素改样式 \u002F 布局，输出 production React，不是 HTML 模拟",[40,54,55,58],{},[43,56,57],{},"GitHub PR 推送","：一键开 PR，沿用团队 review 流程",[40,60,61,64],{},[43,62,63],{},"MCP App Store","：Stripe \u002F Resend \u002F Clerk \u002F OpenAI agent \u002F 消息一键集成",[40,66,67,70],{},[43,68,69],{},"Figma 导入","：设计稿 → React + Tailwind",[40,72,73,76],{},[43,74,75],{},"shadcn \u002F Tailwind 内置","：组件库一等公民",[40,78,79,82],{},[43,80,81],{},"多端","：Web + macOS（含 Intel）+ Windows + Linux 客户端",[40,84,85,88],{},[43,86,87],{},"flat-rate message credits","：不按 token，预算可预测",[40,90,91],{},[43,92,93],{},"实时预览 + 协作",[22,95,96],{"id":96},"价格",[37,98,99,105,111],{},[40,100,101,104],{},[43,102,103],{},"Free","：$0，有限 credits，验证够用",[40,106,107,110],{},[43,108,109],{},"Pro","：~$30\u002F月，flat-rate message credits + 全 AI + 完整代码导出",[40,112,113,116],{},[43,114,115],{},"Agent+","：$4,500\u002F月，AI + 人工设计 review + code 审计",[118,119,120],"blockquote",{},[27,121,122],{},"真实陷阱：Free 复杂项目几天用完；Agent+ 价位是给 design agency \u002F Series B 团队，solo 别上。",[22,124,126],{"id":125},"实测solo-founder-react-tailwind-产品","实测（solo founder \u002F React + Tailwind 产品）",[27,128,129],{},[43,130,131],{},"亮点：",[37,133,134,137,140,143,146,149],{},[40,135,136],{},"user-flow 规划阶段帮 think before code，避免改了三次还偏",[40,138,139],{},"编辑真 React 体验比 Figma → 切图工作流流畅 10 倍",[40,141,142],{},"GitHub PR 让生成代码进入正常 review 流程，不像 Bolt 那种黑盒",[40,144,145],{},"MCP App Store 加 Stripe + Auth 一晚上跑通",[40,147,148],{},"flat-rate credits 比 token-based 容易预算",[40,150,151],{},"shadcn \u002F Tailwind 输出代码干净，老工程师不抗拒",[27,153,154],{},[43,155,156],{},"踩坑：",[37,158,159,162,165,168,171,174,177],{},[40,160,161],{},"React-only 是真硬性约束，stack 不匹配就别尝试",[40,163,164],{},"复杂业务逻辑（多角色权限 \u002F 工作流引擎）AI 规划深度不够",[40,166,167],{},"自定义 design system 不强，team brand 落地要手动",[40,169,170],{},"中文 UI \u002F 文档弱，prompt 用英文最佳",[40,172,173],{},"Agent+ $4,500\u002F月对个人 \u002F 早期团队明显过位",[40,175,176],{},"偶尔 multi-agent 阶段卡顿，要重试",[40,178,179],{},"数据持久化 \u002F 后端 API 仍要自己接（Tempo 主攻前端）",[22,181,182],{"id":182},"上手",[184,185,186,189,192,195,198,201,204],"ol",{},[40,187,188],{},"tempo.new → 注册（GitHub \u002F Google）→ 下客户端或用 Web",[40,190,191],{},"新建项目 → 写需求 prompt（含 user-flow 偏好）",[40,193,194],{},"multi-agent 出 user-flow 图 → 审阅 \u002F 改 → 确认",[40,196,197],{},"自动生成 React + Tailwind + shadcn 代码",[40,199,200],{},"可视化编辑器调样式 \u002F 布局，AI prompt 调逻辑",[40,202,203],{},"MCP App Store 加 Stripe \u002F Clerk \u002F Resend",[40,205,206],{},"GitHub 连接 → 一键 PR → 团队 review → merge",[22,208,209],{"id":209},"对比",[211,212,213,234],"table",{},[214,215,216],"thead",{},[217,218,219,223,225,228,231],"tr",{},[220,221,222],"th",{},"维度",[220,224,12],{},[220,226,227],{},"Bolt.new",[220,229,230],{},"Lovable",[220,232,233],{},"v0",[235,236,237,254,269,283,298,310,326,340,355],"tbody",{},[217,238,239,243,246,249,251],{},[240,241,242],"td",{},"形态",[240,244,245],{},"React-first builder",[240,247,248],{},"全栈 prompt-to-app",[240,250,248],{},[240,252,253],{},"UI 组件生成",[217,255,256,258,261,264,266],{},[240,257,45],{},[240,259,260],{},"✅ user-flow 图",[240,262,263],{},"部分",[240,265,263],{},[240,267,268],{},"–",[217,270,271,274,277,279,281],{},[240,272,273],{},"可视化编辑真代码",[240,275,276],{},"✅ React",[240,278,268],{},[240,280,268],{},[240,282,268],{},[217,284,285,288,291,294,296],{},[240,286,287],{},"GitHub PR",[240,289,290],{},"✅ 一键",[240,292,293],{},"✅",[240,295,293],{},[240,297,293],{},[217,299,300,302,304,306,308],{},[240,301,63],{},[240,303,293],{},[240,305,268],{},[240,307,268],{},[240,309,268],{},[217,311,312,315,318,321,323],{},[240,313,314],{},"框架",[240,316,317],{},"React only",[240,319,320],{},"多框架",[240,322,320],{},[240,324,325],{},"React (shadcn)",[217,327,328,331,334,336,338],{},[240,329,330],{},"代码导出",[240,332,333],{},"✅ Pro+",[240,335,293],{},[240,337,293],{},[240,339,293],{},[217,341,342,345,348,351,353],{},[240,343,344],{},"起价",[240,346,347],{},"$30\u002Fmo",[240,349,350],{},"$20\u002Fmo",[240,352,350],{},[240,354,350],{},[217,356,357,360,363,366,368],{},[240,358,359],{},"适合",[240,361,362],{},"React 开发者 + 早期团队",[240,364,365],{},"full-stack 快速验证",[240,367,365],{},[240,369,370],{},"UI 组件",[22,372,373],{"id":373},"避坑",[37,375,376,382,388,394,400,406,412,418],{},[40,377,378,381],{},[43,379,380],{},"stack 必须是 React","：Vue \u002F Svelte \u002F Solid 走别处，不要硬塞",[40,383,384,387],{},[43,385,386],{},"复杂业务逻辑分多 prompt","：一次喂太大 user-flow agent 会丢细节",[40,389,390,393],{},[43,391,392],{},"数据 \u002F 后端自己接","：Tempo 前端为主，Supabase \u002F Convex \u002F 自家 API 都得手动接",[40,395,396,399],{},[43,397,398],{},"Pro 配额监控","：复杂项目 flat-rate 也会用尽，要看 dashboard",[40,401,402,405],{},[43,403,404],{},"Agent+ 不要冲动","：$4,500\u002F月是给设计公司，先 Pro 跑两月看 ROI",[40,407,408,411],{},[43,409,410],{},"GitHub PR 别盲 merge","：AI 生成的 React 偶有 anti-pattern（useEffect 滥用 \u002F 多余 state），人工 review",[40,413,414,417],{},[43,415,416],{},"多 agent 卡顿","：失败重试 \u002F 简化 prompt，避免一次喂太多需求",[40,419,420,423],{},[43,421,422],{},"brand \u002F design system","：自家品牌深度定制要在生成后手动调，AI 主要给通用模板",[22,425,427],{"id":426},"适合-不适合","适合 \u002F 不适合",[37,429,430,433,436,439,442,445,448,451,454,457],{},[40,431,432],{},"✅ React 栈 solo \u002F 早期团队",[40,434,435],{},"✅ 中等复杂度产品（多页 + 简单业务逻辑）",[40,437,438],{},"✅ 设计师 + 前端协作（可视化 + 真代码）",[40,440,441],{},"✅ 需要 GitHub PR-friendly 流程",[40,443,444],{},"✅ flat-rate 预算偏好",[40,446,447],{},"❌ Vue \u002F Svelte \u002F Solid 栈",[40,449,450],{},"❌ 纯 landing page（Framer \u002F Webflow 更快）",[40,452,453],{},"❌ 纯后端 \u002F API",[40,455,456],{},"❌ 极复杂业务（多角色 \u002F 工作流引擎）",[40,458,459],{},"❌ 预算极紧（Free 不够，Pro 是底线）",[22,461,462],{"id":462},"相关阅读",[37,464,465,472,478,484],{},[40,466,467],{},[468,469,471],"a",{"href":470},"\u002Ftools\u002Fcoding\u002Fbuilder\u002Fbolt-new","Bolt.new 评测",[40,473,474],{},[468,475,477],{"href":476},"\u002Ftools\u002Fcoding\u002Fbuilder\u002Flovable","Lovable 评测",[40,479,480],{},[468,481,483],{"href":482},"\u002Ftools\u002Fcoding\u002Fbuilder\u002Fv0","v0 评测",[40,485,486],{},[468,487,489],{"href":488},"\u002Ftools\u002Fcoding\u002Fbuilder\u002Freplit-agent","Replit Agent 评测",[22,491,492],{"id":492},"来源",[184,494,495,503,510,517],{},[40,496,497,498],{},"Tempo 官网（产品定位 + 真 React 编辑）",[468,499,500],{"href":500,"rel":501},"https:\u002F\u002Fwww.tempo.new\u002F",[502],"nofollow",[40,504,505,506],{},"VibeCoding — Tempo Review 2026（多 agent \u002F Agent+ $4,500 \u002F MCP App Store）",[468,507,508],{"href":508,"rel":509},"https:\u002F\u002Fvibecoding.app\u002Fblog\u002Ftempo-review",[502],[40,511,512,513],{},"AI Tools Mentor — Tempo Pricing & Specs（Free \u002F Pro $30）",[468,514,515],{"href":515,"rel":516},"https:\u002F\u002Fwww.aitoolsmentor.com\u002Ftool\u002Ftempo",[502],[40,518,519,520],{},"TheseAITools — Tempo Labs 功能 \u002F 用例 ",[468,521,522],{"href":522,"rel":523},"https:\u002F\u002Ftheseaitools.com\u002Ftools\u002Ftempo-labs",[502],{"title":525,"searchDepth":526,"depth":526,"links":527},"",3,[528,530,531,532,533,534,535,536,537,538],{"id":24,"depth":529,"text":25},2,{"id":35,"depth":529,"text":35},{"id":96,"depth":529,"text":96},{"id":125,"depth":529,"text":126},{"id":182,"depth":529,"text":182},{"id":209,"depth":529,"text":209},{"id":373,"depth":529,"text":373},{"id":426,"depth":529,"text":427},{"id":462,"depth":529,"text":462},{"id":492,"depth":529,"text":492},"builder","\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 是定位也是局限。",false,"md",[545,548,551,554],{"q":546,"a":547},"和 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":549,"a":550},"为什么只支持 React？","Tempo 把所有精力压在 React 生态（含 shadcn \u002F Tailwind \u002F Next.js），换来更深度的可视化编辑 + 更干净的代码输出。代价是 Vue \u002F Svelte \u002F Solid 用户用不了——官方明确这是 deliberate trade-off。",{"q":552,"a":553},"Multi-agent 规划具体怎么工作？","Tempo 的差异点：写需求后，先有 agent 生成 user-flow 图（页面 \u002F 状态 \u002F 数据流），用户确认后再多个 agent 协作写代码——而不是直接 jump-to-code。适合中等复杂度产品；简单 landing page 反而觉得啰嗦。",{"q":555,"a":556},"MCP App Store 提供什么？","Tempo 内置的插件市场：Stripe 支付 \u002F Resend 邮件 \u002F Clerk Auth \u002F OpenAI agent \u002F 消息推送等，一键插入到生成的应用，不用自己写 integration 代码。这是 2026 年 builder 类工具普遍补齐的能力。",[558],"en",{},true,"\u002Ftools\u002Fcoding\u002Fbuilder\u002Ftempo","coding",[564,565,566,567],"web","macos","windows","linux",[569,573,577],{"plan":103,"price":570,"features":571,"notes":572},"$0","基础访问 + 有限 message credits + 小项目验证","试水 \u002F hobby",{"plan":109,"price":574,"features":575,"notes":576},"~$30\u002F月","更高 message 配额 + 全 AI 特性 + 完整代码导出 + GitHub PR + MCP App Store","solo \u002F 早期团队主力档",{"plan":115,"price":578,"features":579,"notes":580},"$4,500\u002F月","AI 生成 + 人工设计审查 + code 审计 + 优先支持","design-heavy 团队","Free \u002F Pro ~$30\u002F月 \u002F Agent+ $4,500\u002F月（含人工设计 + code 审计）","2026-06-19",[584],"onboarding\u002Fv0-cursor-workflow",{"power":586,"ux":587,"price":526,"cn_support":529,"stability":586},4,5,{"title":12,"description":541},"coding\u002Fbuilder\u002Ftempo",[591,594,596,598],{"name":592,"url":500,"accessed":593},"Tempo 官网","2026-06-24",{"name":595,"url":508,"accessed":593},"VibeCoding — Tempo Review 2026（多 agent \u002F Agent+ 定价）",{"name":597,"url":515,"accessed":593},"AI Tools Mentor — Tempo Pricing & Specs",{"name":599,"url":522,"accessed":593},"TheseAITools — Tempo Labs Features","tools\u002Fcoding\u002Fbuilder\u002Ftempo","React-first prompt-to-app + 多 agent 规划 + 可视化编辑——直接编辑产线 React 代码",[603,604,605,606,607,608,609],"react","app-builder","vibe-coding","multi-agent","figma","visual","mcp","React 栈想要『可视化 + 真代码 + PR-friendly』的 solo \u002F 早期团队首选。stack 非 React → Bolt.new \u002F Lovable \u002F v0。Agent+ $4,500 太贵适合 design-heavy team。","https:\u002F\u002Fwww.tempo.new","HichqWw4pe7IjPVWnBsbx-Kktad2zyiNU6vo6O7qEqg",{"id":614,"title":233,"alternatives":615,"api_compatible":9,"body":616,"category":539,"chinese_friendly":526,"cover":1055,"description":1056,"domestic":542,"extension":543,"faq":1057,"free":542,"github":9,"languages":1070,"lastVerified":9,"meta":1071,"models":9,"navigation":560,"notSuitable":9,"opensource":542,"path":482,"pillar":562,"platforms":1072,"priceTable":1073,"pricing":1088,"published":582,"relatedPlaybooks":1089,"relatedReviews":1092,"score":1094,"self_host":542,"seo":1095,"seoTitle":9,"slug":16,"sources":1096,"stem":1103,"suitable":9,"tagline":1104,"tags":1105,"updated":593,"verdict":1112,"website":625,"__hash__":1113},"tools\u002Ftools\u002Fcoding\u002Fbuilder\u002Fv0.md",[14,15,17],{"type":19,"value":617,"toc":1043},[618,620,629,632,635,642,645,671,675,764,767,774,778,784,795,800,814,816,837,840,942,944,979,981,995,997,1018,1020],[22,619,25],{"id":24},[27,621,622,623,628],{},"v0 是 Vercel 的 AI UI 生成器，定位是「把自然语言\u002F截图变成可用的 React + Tailwind + shadcn\u002Fui 组件」。2026 年迁到 ",[468,624,627],{"href":625,"rel":626},"https:\u002F\u002Fv0.app",[502],"v0.app","（原 v0.dev），引入 Mini \u002F Pro \u002F Max 三档专属模型 + 积分制：Free $5、Premium $20\u002F月（$20 credits）、Team $30\u002F席。输出质量是同类最好——一行不改就能进生产的 shadcn 代码，是其他 builder 比不上的。",[27,630,631],{},"适合：前端工程师做 UI 草稿、设计稿 → 代码、营销页\u002F控制台快速搭建。不适合：要带数据库 + 鉴权 + 部署的完整 SaaS——那是 Bolt \u002F Lovable \u002F Replit Agent 的地盘。",[22,633,634],{"id":634},"它是什么",[27,636,637,638,641],{},"v0 不是 IDE 也不是「全栈一句话出 SaaS」类工具，它专注做一件事：",[43,639,640],{},"把描述\u002F图片变成高质量 React 组件","。底座是 Next.js 14+、Tailwind、shadcn\u002Fui，输出符合现代前端工程标准——可访问性、响应式、TypeScript、服务端组件、loading\u002Ferror state。",[27,643,644],{},"2026 年的 v0 已不是单组件玩具：",[37,646,647,653,659,665],{},[40,648,649,652],{},[43,650,651],{},"多页应用生成","：可以一次性吐出含导航、布局、多个路由的完整 Next.js 项目骨架",[40,654,655,658],{},[43,656,657],{},"三档模型","：Mini（便宜快）\u002F Pro（默认）\u002F Max（高质量复杂任务），积分消耗不同",[40,660,661,664],{},[43,662,663],{},"Git\u002F部署","：内置项目管理 + 一键 deploy 到 Vercel，Premium 起可导出到 GitHub",[40,666,667,670],{},[43,668,669],{},"图像理解","：丢一张设计稿\u002F截图，直接给你 pixel-perfect 的 shadcn 实现",[22,672,674],{"id":673},"价格2026-年-6-月按官方与第三方追踪综合","价格（2026 年 6 月，按官方与第三方追踪综合）",[211,676,677,692],{},[214,678,679],{},[217,680,681,684,686,689],{},[220,682,683],{},"Plan",[220,685,96],{},[220,687,688],{},"月度 credits",[220,690,691],{},"关键能力",[235,693,694,706,724,738,751],{},[217,695,696,698,700,703],{},[240,697,103],{},[240,699,570],{},[240,701,702],{},"$5",[240,704,705],{},"200 项目、带水印、public only",[217,707,708,713,718,721],{},[240,709,710],{},[43,711,712],{},"Premium",[240,714,715],{},[43,716,717],{},"$20\u002F月",[240,719,720],{},"$20",[240,722,723],{},"自定义域名、私有项目、GitHub 导出",[217,725,726,729,732,735],{},[240,727,728],{},"Team",[240,730,731],{},"$30\u002F席\u002F月",[240,733,734],{},"$30\u002F席",[240,736,737],{},"共享 workspace、池化 credits、年付约 8 折",[217,739,740,743,746,748],{},[240,741,742],{},"Business",[240,744,745],{},"$100\u002F席\u002F月",[240,747,734],{},[240,749,750],{},"SOC 2、私有部署增强、合规审计",[217,752,753,756,759,761],{},[240,754,755],{},"Enterprise",[240,757,758],{},"Custom",[240,760,758],{},[240,762,763],{},"SSO\u002FSAML、专属支持",[27,765,766],{},"积分消耗模型：「一次生成 = 1+ credits，按 token + 选用模型档位计费」。读代码、聊天不耗。Pro 档一次复杂多页生成约 $1–$3 credits，Max 档可能 $3–$8。",[27,768,769,770,773],{},"注意 ",[43,771,772],{},"hosting"," 是另一笔钱：v0 自己不收 hosting 费，但 Vercel Hobby 免费够 demo，生产建议升 Vercel Pro（$20\u002F席\u002F月）。整体 TCO ≈ $40\u002F月入门。",[22,775,777],{"id":776},"实测一周高强度试用观察","实测（一周高强度试用观察）",[27,779,780,783],{},[43,781,782],{},"好的地方","：",[37,785,786,789,792],{},[40,787,788],{},"shadcn 代码质量明显高一档，几乎可以 copy 进生产代码库",[40,790,791],{},"图像 → 代码的还原度是同类第一（实测一张 Figma 截图 → 90% 还原）",[40,793,794],{},"多页生成的路由结构 \u002F loading state \u002F a11y 标签都按 Next.js 13+ 规范写",[27,796,797,783],{},[43,798,799],{},"踩坑",[37,801,802,805,808,811],{},[40,803,804],{},"不擅长后端：写 API route 经常瞎编 Prisma schema 或调错 SDK",[40,806,807],{},"积分易超：Max 档调一次复杂表单可能 $5+ credits，Premium 单月 $20 不够撑 50 次",[40,809,810],{},"中文 prompt 偶尔输出英文 UI，需要在描述里加「界面文案保持中文」",[40,812,813],{},"v0.dev → v0.app 迁移期，部分老链接 redirect 异常",[22,815,182],{"id":182},[184,817,818,821,824,827,830],{},[40,819,820],{},"v0.app 注册（GitHub OAuth 最快），自动给 Free $5 credits",[40,822,823],{},"用一句话或截图描述 UI，选 Mini\u002FPro\u002FMax 模型档位",[40,825,826],{},"在 chat 里迭代修改，preview 实时更新",[40,828,829],{},"满意后 → GitHub 导出（需 Premium）或一键 Vercel deploy",[40,831,832,833],{},"拷贝代码进现有项目——shadcn 组件可直接进 ",[834,835,836],"code",{},"components\u002Fui\u002F",[22,838,839],{"id":839},"对比一览",[211,841,842,857],{},[214,843,844],{},[217,845,846,848,850,852,854],{},[220,847,222],{},[220,849,233],{},[220,851,227],{},[220,853,230],{},[220,855,856],{},"Replit Agent",[235,858,859,876,893,910,927],{},[217,860,861,864,867,870,873],{},[240,862,863],{},"强项",[240,865,866],{},"组件 \u002F UI 还原",[240,868,869],{},"全栈应用 + WebContainer",[240,871,872],{},"全栈 + 数据库 + Auth",[240,874,875],{},"浏览器 IDE + 部署",[217,877,878,881,884,887,890],{},[240,879,880],{},"输出代码",[240,882,883],{},"Next.js + shadcn",[240,885,886],{},"Vite \u002F Next",[240,888,889],{},"Vite + Supabase",[240,891,892],{},"任意 stack",[217,894,895,898,901,904,907],{},[240,896,897],{},"起步价",[240,899,900],{},"$20\u002F月 + Vercel",[240,902,903],{},"$20\u002F月 token",[240,905,906],{},"$25\u002F月 credits",[240,908,909],{},"Core $25\u002F月",[217,911,912,915,918,921,924],{},[240,913,914],{},"后端",[240,916,917],{},"弱",[240,919,920],{},"中",[240,922,923],{},"强（Supabase 集成）",[240,925,926],{},"强",[217,928,929,932,935,938,940],{},[240,930,931],{},"Vercel 集成",[240,933,934],{},"原生",[240,936,937],{},"否",[240,939,937],{},[240,941,937],{},[22,943,373],{"id":373},[37,945,946,952,958,964,970],{},[40,947,948,951],{},[43,949,950],{},"不要拿 v0 写后端","：API、数据库 schema、auth 流程交给 Cursor \u002F Codex \u002F Claude Code，v0 专心做 UI",[40,953,954,957],{},[43,955,956],{},"Free 水印过不了客户验收","：演示前一定升 Premium 或自建部署",[40,959,960,963],{},[43,961,962],{},"不要每次 prompt 都用 Max 档","：默认 Pro 已经够好，Max 留给复杂多页或像素级还原",[40,965,966,969],{},[43,967,968],{},"批量生成 → 必走 GitHub 导出","：避免锁在 v0 项目里，万一改定价就被动",[40,971,972,975,976],{},[43,973,974],{},"shadcn 版本要对齐","：v0 用最新版 shadcn，旧项目导入前先 ",[834,977,978],{},"npx shadcn@latest init",[22,980,427],{"id":426},[37,982,983,986,989,992],{},[40,984,985],{},"✅ 前端工程师做组件、营销页、控制台 \u002F dashboard、设计稿落地",[40,987,988],{},"✅ 已经用 Next.js + Vercel + shadcn 技术栈的团队",[40,990,991],{},"❌ 想要「一句话出完整 SaaS」——选 Lovable \u002F Bolt",[40,993,994],{},"❌ 不用 React 的团队（Vue \u002F Svelte 党）",[22,996,462],{"id":462},[37,998,999,1003,1007,1011],{},[40,1000,1001],{},[468,1002,471],{"href":470},[40,1004,1005],{},[468,1006,477],{"href":476},[40,1008,1009],{},[468,1010,489],{"href":488},[40,1012,1013,1017],{},[468,1014,1016],{"href":1015},"\u002Ftools\u002Fcoding\u002Fide\u002Fcursor","Cursor 评测","（写后端搭配 v0）",[22,1019,492],{"id":492},[184,1021,1022,1029,1036],{},[40,1023,1024,1025],{},"nocode.mba — V0 Pricing 2026（2026-03-02）",[468,1026,1027],{"href":1027,"rel":1028},"https:\u002F\u002Fwww.nocode.mba\u002Farticles\u002Fv0-pricing",[502],[40,1030,1031,1032],{},"automationatlas — v0 Pricing Explained 2026（2026-05-06）",[468,1033,1034],{"href":1034,"rel":1035},"https:\u002F\u002Fautomationatlas.io\u002Fanswers\u002Fv0-pricing-explained-2026",[502],[40,1037,1038,1039],{},"nxcode — v0 Complete Guide 2026（2026-03）",[468,1040,1041],{"href":1041,"rel":1042},"https:\u002F\u002Fwww.nxcode.io\u002Fresources\u002Fnews\u002Fv0-by-vercel-complete-guide-2026",[502],{"title":525,"searchDepth":526,"depth":526,"links":1044},[1045,1046,1047,1048,1049,1050,1051,1052,1053,1054],{"id":24,"depth":529,"text":25},{"id":634,"depth":529,"text":634},{"id":673,"depth":529,"text":674},{"id":776,"depth":529,"text":777},{"id":182,"depth":529,"text":182},{"id":839,"depth":529,"text":839},{"id":373,"depth":529,"text":373},{"id":426,"depth":529,"text":427},{"id":462,"depth":529,"text":462},{"id":492,"depth":529,"text":492},"\u002Fimg\u002Ftools\u002Fv0.webp","v0 真实评测：Vercel 出品的 AI UI 生成器，输入描述即可生成 React + Tailwind + shadcn\u002Fui 组件。2026 年迁移到 v0.app，按积分计费，Premium $20\u002F月含 $20 credits。",[1058,1061,1064,1067],{"q":1059,"a":1060},"v0 和 Bolt \u002F Lovable 怎么选？","v0 强在『组件级 \u002F 多页前端』和 shadcn 代码质量；Bolt \u002F Lovable 强在『完整全栈带后端』。前端工程师选 v0，非技术 PM 想要带数据库的应用选 Lovable。",{"q":1062,"a":1063},"积分用完会怎样？","Premium 单月 $20 credits 用完后无法继续生成，需要等下月或升级 Team；不会自动按 API 价继续扣，对预算友好。",{"q":1065,"a":1066},"生成代码能脱离 Vercel 跑吗？","能。v0 输出标准的 Next.js + shadcn\u002Fui，Premium 起支持 GitHub 导出，可部署到任意 Node 平台；但 v0 自带 preview\u002Fdeploy 走的是 Vercel。",{"q":1068,"a":1069},"为什么我的部署有水印？","Free tier 限制——public 项目 + Vercel 水印；升级 Premium 即可移除。",[558],{},[564],[1074,1078,1080,1083,1085],{"plan":103,"price":1075,"seats":1076,"notes":1077},"$0\u002F月","1","$5 credits\u002F月，200 项目上限，带水印部署",{"plan":712,"price":717,"seats":1076,"notes":1079},"$20 credits\u002F月，自定义域名，GitHub 导出",{"plan":728,"price":731,"seats":1081,"notes":1082},"≥2","$30 credits\u002F席，共享工作区，年付约 8 折",{"plan":742,"price":745,"seats":1081,"notes":1084},"私有项目、SOC 2、增强隔离",{"plan":755,"price":758,"seats":1086,"notes":1087},"—","SSO\u002FSAML、审计日志、专属支持","Free $5 credits \u002F Premium $20·月 \u002F Team $30·席\u002F月 \u002F Business $100·席\u002F月",[1090,1091],"onboarding\u002Fcursor-mcp-deep-integration","onboarding\u002Frag-pipeline-build",[1093],"ai-builders-comparison",{"power":586,"ux":587,"price":526,"cn_support":526,"stability":586},{"title":233,"description":1056},[1097,1099,1101],{"name":1098,"url":1027,"accessed":593},"nocode.mba — V0 Pricing 2026",{"name":1100,"url":1034,"accessed":593},"automationatlas — v0 pricing",{"name":1102,"url":1041,"accessed":593},"nxcode — v0 complete guide 2026","tools\u002Fcoding\u002Fbuilder\u002Fv0","Vercel 出品：从自然语言生成 React \u002F Next.js 组件",[1106,603,1107,1108,1109,1110,1111],"ui-generator","nextjs","tailwind","shadcn","prototype","vercel","React\u002FNext.js 生态最好用的 AI UI 生成器；2026 改成 credit-based + 多 model（Mini\u002FPro\u002FMax），shadcn 输出一如既往是顶级品质。","jqqSrRiGJjXI7mkQO9adysVQ0Cc2Bt5pVh6FC2NCkeg",1784565441301]