全栈 Vibe 平台（L3）的工作方式最接近"魔法"：你输入一句话需求，平台自动生成一个完整的、可运行的应用。不需要安装 Node.js，不需要配置数据库，不需要编写部署脚本。
Replit Agent 是一个在线开发环境。你描述你的应用想法，AI 自动创建项目结构、安装依赖、生成代码、并部署到可公开访问的 URL。你在浏览器中完成所有操作。Replit Agent 擅长全栈 Web 应用，包括数据库和后端逻辑。
Replit Agent 的典型工作流程：
*.replit.app 域名。你可以在 Replit 的在线编辑器中继续修改代码，或者导出项目到本地继续开发。Replit 的编辑器本身也支持 AI 辅助编码，相当于内置了一个 L2 工具。
Replit Agent 的核心优势是"全栈一体"——前端、后端、数据库、部署全部在同一个平台中完成。对于不熟悉 DevOps 的用户来说，这是从想法到可访问应用的最短路径。
v0 是 Vercel 推出的 AI 生成界面工具。它的强项是快速生成 Web 界面——你描述"一个带有搜索栏和结果网格的页面"，v0 生成对应的 React + Tailwind 代码。v0 特别适合做 UI 原型和落地页。
v0 和 Replit 的关键区别：v0 专注于"界面生成"，不处理后端逻辑和数据库。它生成的是 React 组件代码，你需要自己搭建后端或接入数据源。但 v0 在 UI 生成的质量上非常高——它生成的页面视觉上接近设计稿，而不是"开发者审美"的简单布局。
v0 的使用场景：
v0 生成的代码是基于 React + Tailwind 的，可以直接用在 Next.js 项目中。如果你用的是 Vercel 部署，从 v0 到上线只需要几步。
bolt.new 是一个在浏览器中运行的全栈开发环境。它和 Replit 类似，但更强调"从 prompt 直接生成应用"。你可以输入"做一个团队任务看板"，bolt.new 生成一个完整的、可以立即编辑和部署的应用。
bolt.new 和 Replit Agent 的区别在于：
| 维度 | Replit Agent | v0 | bolt.new |
|---|---|---|---|
| 定位 | 全栈在线 IDE + AI Agent | AI UI 生成器 | AI-first 全栈生成平台 |
| 核心能力 | 全栈应用（前端+后端+数据库+部署） | 前端 UI 组件/页面 | 全栈应用（前端+后端） |
| 后端支持 | 内置——Prisma + SQLite/PostgreSQL | 无——只生成前端代码 | 内置——支持 API 路由 |
| 数据库 | 支持（内置数据库） | 不支持 | 有限支持 |
| 部署 | 一键部署到 replit.app | 导出到 Vercel 部署 | 内置部署 + 导出 |
| 品牌定位 | 面向学习的在线开发环境 | 面向设计师/前端开发者的 UI 工具 | 面向快速原型的全栈工具 |
| 生成后的编辑 | 在线 IDE 可继续编辑 | 导出代码后在本地编辑器编辑 | 在线编辑器可继续编辑 |
| 技术栈偏好 | Next.js / Express | React + Tailwind | React / Next.js |
| 适合人群 | 需要完整后端的学习者 | 设计师/前端开发 | 快速验证想法的创造者 |
L3 工具的便利性是有代价的。
控制力有限。 AI 生成的代码结构和风格可能不完全符合你的预期。如果你想做深度定制，可能会发现平台的编辑器和调试工具不如本地 IDE 灵活。比如你想调整数据库表之间的关系，在 Replit 中修改 Prisma schema 是可行的，但不如在本地用专用工具方便。
技术栈受限。 这些平台通常支持主流技术栈（React、Next.js、Node.js），但如果你想用非主流或更小众的框架，支持程度可能不够。比如你想用 SvelteKit + PocketBase 的组合，在 bolt.new 上可能无法直接生成，需要手动调整。
网络依赖。 所有操作在浏览器中完成，没有网络就什么都做不了。本地开发环境不会因为网络中断而停摆。如果你在通勤路上想写代码，L3 工具基本用不了——除非你用的是离线版的编辑器。
迁移成本。 虽然 bolt.new 和 Replit 允许你导出代码，但如果你之后决定迁移到本地开发环境，可能需要一定量的重构。Replit 的项目结构、配置文件、依赖管理方式可能和本地标准项目有差异。v0 导出的代码则相对干净——它就是标准的 React 组件代码，几乎可以直接用在项目中。
调试能力有限。 L3 平台内置的调试器功能不如本地 IDE 强大。当你的项目变得复杂时，设置断点、观察变量、追踪调用栈这些调试操作在浏览器中做起来不如在本地工具中顺手。
不适合长期维护的项目。 L3 平台更适合"做一个项目然后上线"的场景。如果你的项目需要持续迭代、多人协作、复杂的 CI/CD 流程，最终还是要迁移到本地开发环境。L3 是起点，不是终点。
了解局限不是为了否定 L3 工具的价值，而是为了制定更好的使用策略。
策略一：把 L3 当"草稿纸"。
不要期望 L3 生成的产品可以直接上线。把它当作"草稿纸"——快速画出想法的大致模样，验证可行性，然后重写或导出后在本地继续。关键是"快"不是"完美"。
策略二：尽早导出到本地。
如果你确认这个项目值得继续做下去，尽早把代码导出到本地开发环境。越早迁移，迁移成本越低。在 L3 平台中迭代 10 个版本后迁移，和在 L3 中生成第一个版本后就迁移，工作量差很多。
策略三：选对工具匹配任务。
尽管有这些局限，L3 工具在以下场景中表现出色：
想法的快速验证。 你有一个 App 创意，不确定值不值得投入几周去开发。用 L3 工具花 1~2 小时做一个可运行的 demo，给朋友或潜在用户看看反馈。如果反馈好，再投入精力做完整版本。如果反馈一般，你只花了 2 小时——比你投入一周后才发现这个想法不行划算得多。
学习和实验。 想试用一个新的技术栈或框架，但不想花时间搭建项目环境。用 L3 工具可以直接说"帮我用 Svelte + PocketBase 做一个 Demo"，然后通过阅读 AI 生成的代码来学习。这比从头读文档快得多——你看到的是一个实际的、可运行的项目，而不是零散的示例代码。
非开发者的入口。 如果你不是全职开发者但需要做一个小工具，L3 工具是最快的起点。你不需要安装任何开发工具，打开浏览器就能开始。而且 L3 工具通常有免费额度，你可以零成本开始。
展示和演示。 需要给客户或团队展示一个想法的效果，但还没有时间去开发。用 L3 工具快速生成一个可交互的原型，比 PPT 或线框图更有说服力。你可以让对方"点一下试试"，而不是"你看这张图……"。
一个常见的路径是：先用 L3 快速验证想法，然后迁移到 L1/L2 做深度开发。下面是一个具体的迁移步骤：
第一步：在 L3 平台中生成原型。 用自然语言描述你的想法。不要纠结于细节——只求"能跑"。目的是验证核心逻辑是否可行。
第二步：导出代码。 v0 可以直接复制代码片段，bolt.new 和 Replit 支持导出为 ZIP。把导出的项目解压到本地目录。
第三步：在本地初始化。 打开项目目录，运行 npm install，确认项目能在本地运行。此时你可能需要安装 Node.js、配置环境变量等（第 11 章会详细展开）。
第四步：用 L1/L2 工具接手。 在本地项目中启动 Claude Code 或打开 Cursor。从此进入正常的开发流程——用 L1 处理架构和重构，用 L2 处理日常编码。
这个路径的核心思想：L3 负责"0 到 1"（从无到有），L1/L2 负责"1 到 N"（从有到优）。两者不是替代，而是接力。
打开一个 L3 全栈平台（v0、bolt.new 或 Replit Agent），输入以下需求：
"生成一个极简的番茄钟应用，25 分钟工作 + 5 分钟休息，有开始暂停重置按钮，界面干净。"
看看你几分钟能获得一个可运行的版本。然后尝试在同一个平台上做一两个修改——比如"把界面主题改为暗色"或"在休息时间结束时播放提示音"。评估整个过程是否流畅。
进阶练习（针对有本地开发环境的用户）：
在 L3 平台生成一个待办事项应用（带增删改功能），导出代码到本地，在本地打开项目并用 Claude Code 添加一个"按标签筛选"的功能。记录从"在 L3 中生成"到"在本地完成扩展"的完整流程和时间。这个练习会帮你找到最适合自己的"L3 → L1/L2 接力"工作流。