实战经验丨使用AI Coding 90天构建13个MVP
极客见识约 4 分钟AI 辅助编码正在改变了游戏规则，现实中，它并不神奇。我看到身边挺多开发者、产品经理，犯的最大错误是在没有详细计划的情况下直接开始编码。
虽然想在的 AI Coding 功能很强大，但它们需要我们指导它，很多直接上手的开发者或者产品经理，最终会出现幻觉输出、调试噩梦等等浪费时间的操作。
这篇文章是国外一名技术大佬，在过去 90 天内使用 AI Coding 等工具构建了 13 个 MVP 后，得出的一个重要的经验：文档撰写占工作的 80%，实际执行仅占 20%。
下面是大佬使用 Cursor、Lovable 和 CodeGuide 等 AI 编程工具高效规划、构建和开发 MVP 的确切流程和经验。
01 第1步：编码前规划
在我打开代码编辑器之前，我会准备必要的文档来有效地指导 AI 工具。这是我创建的内容：
项目需求文档 （PRD）：定义 MVP 范围、功能和目标。
Tech Stack 文档：列出框架、库和集成。
App Flow 文档：映射从登录到功能交互的整个用户旅程。
前端指南文档：确保 UI/UX 设计的一致性。
后端结构文档：概述 API 路由、数据库架构和核心逻辑。
手动编写这些文档花费了太多时间，因此我现在使用 CodeGuide 在几分钟内生成它们。这样可以保持开发结构并防止 AI 幻觉（随机、错误代码）。
02 第2步：构建 MVP
规划完成后，我转到 MVP 结构。我没有手动分解功能，而是使用 CodeGuide 生成详细的 PRD（产品需求文档），其中包括：
完整的功能细分。
范围内与范围外的功能。
用户流和推荐的技术堆栈。
这实现了项目结构的自动化，并使其对 AI 友好，因此当我将文档导入 Cursor 时，AI 已经确切地知道要构建什么。
03 第3步：
首先在 Lovable.dev 中构建 70-80% 的 MVP
大多数人立即开始在 Cursor 中编码。我没有，相反，我首先在 Lovable.dev 中构建了 70-80% 的 MVP。
为什么？
Lovable 具有无缝的 Supabase 集成 → 无需自定义编码即可轻松设置后端。
更快的 UI 生成→我可以在编写逻辑之前优化设计。
我在 Lovable 中的过程：
1️⃣ 将 CodeGuide 中的所有文档粘贴到 Lovable 中。
2️⃣ 生成 UI，从登录页面开始。
3️⃣ 优化 UI 元素，直到它看起来精美。
4️⃣ 使用 Lovable 的 Supabase 集成连接后端（身份验证、数据库等）。
当我切换到 Cursor 时，大部分产品已经结构化，这使得 AI 辅助编码更加流畅。
04 第4步：首先完善着陆页
登陆页面是 MVP 的基础。如果结构良好，产品的其余部分就会变得更容易开发。
我专注于：
✅ 干净的布局和间距 → 专业的外观很重要。
✅ 一致的组件 → 保持统一的设计。
✅ 流畅的用户体验 → Navigation 应该感觉毫不费力。
一旦着陆页被打磨好，我就会移动到其他屏幕，确保 70-80% 的 UI 是在 Lovable 中构建的，然后再切换到 Cursor。
05 第5步：以正确的方式使用 Cursor
当我们能正确引导 Cursor 时，输出效果会更好，也可以给我们节省很多时间。
这是我在 Cursor 中的过程：
使用 GitHub 集成将 MVP 从 Lovable 导入到 Cursor。
将所有 CodeGuide 文档作为 .md 文件粘贴到 Cursor 中。（这可以防止幻觉
让 Cursor 处理后端逻辑、API 连接和优化 UI。
Cursor 并不是一个万能的工具，它需要我们引导，结构画，向它提供有据可查的计划会使其更加准确。
06 第6步：让这一切发挥作用的 AI 工具
为了加快开发速度，我结合使用了 AI 编码工具
Cursor AI → Core AI 驱动的开发。
Lovable → UI 和后端结构与 Supabase 集成。
CodeGuide → 自动化PRDs，技术文档和减少幻觉。
正确的工具组合 = 更快的开发 + 更少的错误
Last but not least
✔️ 先规划，后编码。清晰的路线图可防止重复操作。
✔️ 在打开 Cursor 之前使用结构化文档。AI 在清晰度方面表现更佳。
✔️ 先构建 UI，后进入开发阶段。节省时间并改善流程。
✔️ 巧妙地组合工具：Cursor + CodeGuide + Lovable
AI 不是为了取代开发人员，而是为了让我们更快。如果你正在为 AI 辅助编码而苦苦挣扎，请先更好地组织您的项目。它改变了一切。
祝你快速构建出你的 MVP 产品！
关注公众号，用极客视角洞察未来！
往期精彩文章推荐：