VibeCoding 实战小白书：不会写代码，也能做产品

VibeCoding 实战小白书：不会写代码，也能做产品 VibeCoding 实战小白书：不会写代码，也能做产品 Modified June 8 最后。 如果你读完了 25 章，做出了一个产品，哪怕只有一个用户，也给自己一点认可。 大部分人还在“想做一个东西”。你做出来了。 第一个产品失败很正常。第二个也可能失败。但你已经知道怎么从零到一了。 做下去。 Seven 2026 年 5 月，深圳 附录 A · 全册工具索引 读完 25 章，想回查某个工具在哪？用这张表。 内容结束。你的产品故事刚刚开始。 附录 B · 需求验证工具箱 对应正文：第三章 定锚、第四章 筛选 这个附录不是新的章节，而是一套可以直接拿来填的工作表。用法很简单：每次有一个新想法，先填完这里，再决定要不要写 PRD。 图 B 1：需求验证全景——从点子到值得做 一、点子来源速查 Code block Plain Text Copy 我的产品想法： 它来自哪里？ □ 我每天重复做的蠢事： □ 我所在行业长期没解决的问题： □ 社交平台上反复出现的抱怨： 这个问题出现频率： □ 每天 □ 每周 □ 每月 □ 偶尔 □ 只是我想象 目前是否有人正在用笨办法解决？ □ 有，方式是： □ 没有，他们只是嘴上吐槽 □ 不确定，需要访谈 二、需求强度判断表 Code block Plain Text Copy 这个需求属于哪一类？ □ 痛点 用户现在就难受，不解决会继续难受。 证据： □ 爽点 用户用了之后明显更快、更省事、更舒服。 证据： □ 痒点 有也挺好，没有也能活。 证据： 判断规则： 有替代方案 = 至少有真实需求。 有人花钱或花大量时间解决 = 需求更强。 没人行动，只是说“挺有意思” = 大概率是痒点。 下面这张图把“替代方案”和“需求强度”的判断关系单独拎出来，方便你在访谈后快速对照。 图 B 2：替代方案判断法 三、JTBD 一句话模板 Code block Plain Text Copy 当用户在 场景下， 遇到 困难时， 他会雇我的产品帮他 。 我的产品不是： 我的产品真正完成的任务是： 第一版只保留的核心动作： 1. 2. 3. 四、访谈问题库 错误问法 正确问法 "你觉得这个产品怎么样？" "你上次遇到这个问题是什么时候？当时怎么解决的？" "你会用这个功能吗？" "你现在是怎么处理这件事的？用了什么工具？" "如果有这个产品你会付费吗？" "你为解决这个问题花过钱吗？花了多少？" "你觉得这个设计好看吗？" "你第一眼看到这个页面，想做的第一件事是什么？" "你有什么建议？" "你最后一次放弃使用某个类似工具，是因为什么？" 访谈记录： Code block Plain Text Copy 访谈对象 1： 他上次遇到这个问题的时间： 当时怎么解决： 是否花钱 / 花时间： 最烦的一步： 访谈对象 2： 他上次遇到这个问题的时间： 当时怎么解决： 是否花钱 / 花时间： 最烦的一步： 五、快速判断清单 Code block Plain Text Copy 1. 这个需求是痛点、爽点还是痒点？ → 痛点：优先做。爽点：可以做，但要让用户快速体验到。痒点：第一版别做太重。 2. 用户现在用什么替代方案？ → 有替代方案 = 需求已验证，你要做的是更好。没有 = 需求可能不够强。 3. 用户雇这个产品完成什么任务？ → 用一句话说清楚。说不清楚就还没想明白。 4. 去掉 AI，这个产品还成立吗？ → 成立 = AI 是加速器，需求本身是真的。不成立 = 可能在为了 AI 而 AI。 5. 有没有至少 1 个人告诉你他遇到过这个问题？ → 有 = 可以开始做最小版本。没有 = 先去找人聊。 最终判断： 图 B 3：快速判断五问清单 最后。 如果你读完了 25 章，做出了一个产品，哪怕只有一个用户，也给自己一点认可。 大部分人还在“想做一个东西”。你做出来了。 第一个产品失败很正常。第二个也可能失败。但你已经知道怎么从零到一了。 做下去。 Seven 2026 年 5 月，深圳 附录 A · 全册工具索引 读完 25 章，想回查某个工具在哪？用这张表。 内容结束。你的产品故事刚刚开始。 附录 B · 需求验证工具箱 对应正文：第三章 定锚、第四章 筛选 对应正文：第三章 定锚、第四章 筛选 这个附录不是新的章节，而是一套可以直接拿来填的工作表。用法很简单：每次有一个新想法，先填完这里，再决定要不要写 PRD。 一、点子来源速查 二、需求强度判断表 下面这张图把“替代方案”和“需求强度”的判断关系单独拎出来，方便你在访谈后快速对照。 三、JTBD 一句话模板 四、访谈问题库 错误问法 正确问法 "你觉得这个产品怎么样？" "你上次遇到这个问题是什么时候？当时怎么解决的？" "你会用这个功能吗？" "你现在是怎么处理这件事的？用了什么工具？" "如果有这个产品你会付费吗？" "你为解决这个问题花过钱吗？花了多少？" "你觉得这个设计好看吗？" "你第一眼看到这个页面，想做的第一件事是什么？" "你有什么建议？" "你最后一次放弃使用某个类似工具，是因为什么？" 错误问法 错误问法 正确问法 正确问法 "你觉得这个产品怎么样？" "你觉得这个产品怎么样？" "你上次遇到这个问题是什么时候？当时怎么解决的？" "你上次遇到这个问题是什么时候？当时怎么解决的？" "你会用这个功能吗？" "你会用这个功能吗？" "你现在是怎么处理这件事的？用了什么工具？" "你现在是怎么处理这件事的？用了什么工具？" "如果有这个产品你会付费吗？" "如果有这个产品你会付费吗？" "你为解决这个问题花过钱吗？花了多少？" "你为解决这个问题花过钱吗？花了多少？" "你觉得这个设计好看吗？" "你觉得这个设计好看吗？" "你第一眼看到这个页面，想做的第一件事是什么？" "你第一眼看到这个页面，想做的第一件事是什么？" "你有什么建议？" "你有什么建议？" "你最后一次放弃使用某个类似工具，是因为什么？" "你最后一次放弃使用某个类似工具，是因为什么？" 访谈记录： 五、快速判断清单 最终判断： 附录 D · 延伸学习资源 对应正文：第十一章 工具梯度、第十二章 协议层、第十三章 互审 对应正文：第十一章 工具梯度、第十二章 协议层、第十三章 互审 这个附录是一张进阶学习地图。正文读完之后，如果你已经做完第一个产品，再回来按需查。 一、第二个产品再学：Superpowers 工作流 Superpowers 工作流（github.com/obra/superpowers）适合你开始做第二个、第三个产品时再看。 github.com/obra/superpowers 它的核心不是某个插件，而是一种做事顺序：先写清楚目标和计划，再让 AI 按计划执行，最后用检查清单验收。你不再一条一条随手发指令，而是把“规划、执行、检查”变成稳定流程。 什么时候适合学： 什么时候不需要学： 二、Claude Code：最先学的五个动作 第十一章讲过 Claude Code 是命令行型的 AI 编程工具，能理解整个代码库。如果你决定从 Cursor 升级到 Claude Code，不需要读完所有文档，先学这五个动作就够启动了： 动作 1：claude 在终端里进入你的项目目录，输入 claude，就启动了一个对话。你可以直接用自然语言问它代码库的问题，比如“这个项目的入口文件在哪”“用户登录的逻辑是怎么走的”。它会自动扫描你的文件来回答。 动作 2：引用文件 在对话里引用具体文件。不同版本的入口和语法可能会变化，有的工具支持 @文件名，有的更适合直接说文件路径。比如“帮我看看 src/pages/index.tsx 的首屏部分，有没有可以优化的地方”。这样 AI 就知道你在说哪个文件，不用猜。 动作 3：运行命令 让 Claude Code 帮你运行终端命令。比如 npm run build 检查代码能不能编译。不同版本对命令触发方式和审批方式会调整，实际使用时以 Claude Code 当前界面提示为准。 动作 4：/init 第一次在项目里启动 Claude Code 时，可以用初始化命令生成项目说明文件。常见做法是运行 /init，让它扫描项目结构，生成一份 CLAUDE.md 文件（下面会讲）。如果命令名称或入口更新，以官方文档为准。这一步帮 AI 建立对项目的初始理解。 动作 5：CLAUDE.md 这是 Claude Code 的项目说明文件，作用类似第十二章讲的项目 Rules。写在项目根目录，Claude Code 会把它作为项目上下文读取。你可以在里面写项目背景、技术栈、编码规范、不能做的事。 这五个动作足够你启动 Claude Code 的日常使用。用熟之后，你可以再探索更多高级功能，比如 subagents、跨文件重构、自动化测试。具体能力更新很快，正式使用前最好看一眼 Anthropic 官方文档。 三、MCP：让 AI 连接外部世界 第十二章讲了 Rules 怎么让 AI 记住项目规范。MCP（Model Context Protocol）做的是另一件事：让 AI 连接你的外部服务。 一句话解释：MCP 是一个标准协议，让 AI 工具可以读写外部数据源——GitHub 仓库、数据库、API 服务、文件系统，甚至你的浏览器。 没有 MCP 的时候，Claude Code 只能处理你本地的代码文件。有了 MCP，它可以直接读你 GitHub 上的 issue、查你 Supabase 数据库里的数据、调用你接入的第三方 API。 你不需要现在就学 MCP。但知道它的存在很重要，因为它代表了一个趋势：AI 工具正在从“帮你写代码”变成“帮你操作整个工作流”。当你的产品需要连接多个服务时（比如用户注册后自动发邮件、支付成功后自动更新数据库），MCP 会让这些连接变得更自然。 四、Skills：可以带走的技能包 第十二章讲了 Rules 是“这个项目的长期合同”。Skills 是更上一层：可以跨项目复用的技能包。 举个例子。你在做 Say it 的时候，写了一套“怎么调用 AI 模型做内容生成”的 Rules。后来你做第二个产品，也需要调用 AI 模型。如果只有 Rules，你得把上一个项目的 Rules 复制过来再改。如果用 Skills，这套“AI 内容生成”的技能可以直接在新项目里激活，不用重写。 Skills 的概念不复杂：Rules 是项目级的，Skills 是个人级的。你积累的每一个 Skill，都在降低你做下一个产品的成本。 五、Subagents：从一个 AI 到一组专门角色 第十三章讲了互审三角色：Writer 写、Reviewer 审、你来决策。Subagents 是这个思路的延伸：不是让一个 AI 什么都做，而是给不同任务配置不同的专门角色。 Claude Code 支持 subagents。你可以为代码审查、测试、文档、特定技术栈配置专门的子代理。比如做一个有前端、后端、数据库的项目：一个子代理专门审前端组件，一个子代理检查后端接口，一个子代理关注数据库结构。它们能帮助你分工检查，但最终怎么采纳、怎么合并，仍然需要你或主会话来决定。 这听起来很酷，但你大概率还用不到。Subagents 更适合大项目、复杂审查和专项任务。当你的项目大到“一个 AI 同时理解所有文件变得很慢”，或者你需要固定的 reviewer / tester / docs writer 时，再考虑它。 六、继续学习的入口 这本小册子教你“怎么想清楚、怎么做出来”。如果你读完想继续深入工具链，以下是几个推荐的方向： Anthropic 官方文档。 Claude Code 和 MCP 的官方文档写得很清楚，有大量示例。如果你要正式使用这些工具，建议从官方文档开始，而不是搜索第三方教程。 GitHub 上的开源项目。 第十一章讲过“用开源项目加速”的方法。GitHub 上有大量用 Supabase + Next.js + Stripe 搭建的 SaaS 模板。找一个和你想做的产品类似的模板，用 Cursor 或 Claude Code 在上面修改，比从零开始快很多。 最后一句话：工具会一直更新，概念会不断冒出来。但这本小册子教你的核心方法不会过时——想清楚做什么、说清楚怎么做、判断做得对不对。工具只是手段，判断力才是你的。 阅读导航 Hi，我是这本小册子的作者 Seven 品牌策划人、AI 产品实践者、AI Native Builder 我的公众号：Seven的AI笔记 持续更新入口，继续看 VibeCoding、AI 产品和一人公司实战笔记。 我的小红书 https://xhslink.com/m/6Qq73pTYRvK 为了大家获得更好的阅读体验，现已经同步上线到「微信读书」，扫下方二维码即可阅读～ 文中提到的 vibe 网站： 🎤 AI 语音对谈输出社媒内容：sayit.cc 📘 出海品牌 GEO：sevenailab.com 💻 品牌服务商集合站：7brandhub.com 📱 小程序：伴聊 AI 聊天助手 点击章节标题，可直接跳转到对应位置： • 开始阅读 ◦ 前言 • 破冰 · 先做出来 ◦ 准备篇 · 阅读准备：把工具备齐 ◦ 第一章 · 玩起来：15 分钟发布你的第一个网页 ◦ 第二章 · 回看：你刚做的到底是什么？ ◦ 第三章 · 定锚：选路线、找用户、写开战卡 ◦ 第四章 · 筛选：这个想法值不值得做 • 主控流程 · 定生修验发察 ◦ 第五章 · 定：把想法翻译成 AI 能执行的任务 ◦ 第六章 · 生：第一版要快，不要完美 ◦ 第七章 · 修：别让 AI 猜，给它证据 ◦ 第八章 · 验：看不出对错，AI 就在帮倒忙 ◦ 第九章 · 发：不上线就没有真实世界 ◦ 第十章 · 察：上线后看人怎么真实使用 • 进阶 · 把工具用深 ◦ 第十一章 · 工具梯度：Lovable → Cursor / Codex → Claude Code ◦ 第十二章 · 协议层：prompt 是临时话，Rules 是长期合同 ◦ 第十三章 · 互审：让一个 AI 挑另一个 AI 的漏洞 • 打磨 · 让产品真的可用 ◦ 第十四章 · 命名与首屏：用户 3 秒看懂什么 ◦ 第十五章 · 风格：别让 AI 给你科技紫 ◦ 第十六章 · 数据库与登录：让产品记住用户 ◦ 第十七章 · Bug 不是灾难，是路线牌 • 实战 · 四章五个真实案例 ◦ 第十八章 · 实战 1：两天做出一个官网 ◦ 第十九章 · 实战 2：一周做出一个微信小程序 ◦ 第二十章 · 实战 3：一个轻 SaaS 的闭环 ◦ 第二十一章 · 实战 4：行业平台与 Agent Demo • 闭环 · 从产品到生意 ◦ 第二十二章 · 收钱：第一笔钱从哪里来 ◦ 第二十三章 · 流量：冷启动渠道与 GEO ◦ 第二十四章 · 数据与迭代：看懂但别被绑架 ◦ 第二十五章 · 毕业：90 天发布计划 • 收尾与附录 ◦ 后记 ◦ 附录 A · 全册工具索引 ◦ 附录 B · 需求验证工具箱 ◦ 附录 C · SaaS 闭环与收钱技术清单 ◦ 附录 D · 延伸学习资源 sevenailab.com 7brandhub.com 前言 准备篇 · 阅读准备：把工具备齐 第一章 · 玩起来：15 分钟发布你的第一个网页 第二章 · 回看：你刚做的到底是什么？ 第三章 · 定锚：选路线、找用户、写开战卡 第四章 · 筛选：这个想法值不值得做 第五章 · 定：把想法翻译成 AI 能执行的任务 第六章 · 生：第一版要快，不要完美 第七章 · 修：别让 AI 猜，给它证据 第八章 · 验：看不出对错，AI 就在帮倒忙 第九章 · 发：不上线就没有真实世界 第十章 · 察：上线后看人怎么真实使用 第十一章 · 工具梯度：Lovable → Cursor / Codex → Claude Code 第十二章 · 协议层：prompt 是临时话，Rules 是长期合同 第十三章 · 互审：让一个 AI 挑另一个 AI 的漏洞 第十四章 · 命名与首屏：用户 3 秒看懂什么 第十五章 · 风格：别让 AI 给你科技紫 第十六章 · 数据库与登录：让产品记住用户 第十七章 · Bug 不是灾难，是路线牌 第十八章 · 实战 1：两天做出一个官网 第十九章 · 实战 2：一周做出一个微信小程序 第二十章 · 实战 3：一个轻 SaaS 的闭环 第二十一章 · 实战 4：行业平台与 Agent Demo 第二十二章 · 收钱：第一笔钱从哪里来 第二十三章 · 流量：冷启动渠道与 GEO 第二十四章 · 数据与迭代：看懂但别被绑架 第二十五章 · 毕业：90 天发布计划 后记 附录 A · 全册工具索引 附录 B · 需求验证工具箱 附录 C · SaaS 闭环与收钱技术清单 附录 D · 延伸学习资源 Hi，我是这本小册子的作者 Seven 品牌策划人、AI 产品实践者、AI Native Builder 我的公众号：Seven的AI笔记 持续更新入口，继续看 VibeCoding、AI 产品和一人公司实战笔记。 我的小红书 https://xhslink.com/m/6Qq73pTYRvK 为了大家获得更好的阅读体验，现已经同步上线到「微信读书」，扫下方二维码即可阅读～ 文中提到的 vibe 网站： 🎤 AI 语音对谈输出社媒内容：sayit.cc 📘 出海品牌 GEO：sevenailab.com 💻 品牌服务商集合站：7brandhub.com 📱 小程序：伴聊 AI 聊天助手 sevenailab.com 7brandhub.com Hi，我是这本小册子的作者 Seven 品牌策划人、AI 产品实践者、AI Native Builder 持续更新入口，继续看 VibeCoding、AI 产品和一人公司实战笔记。 持续更新入口，继续看 VibeCoding、AI 产品和一人公司实战笔记。 我的小红书 https://xhslink.com/m/6Qq73pTYRvK 为了大家获得更好的阅读体验，现已经同步上线到「微信读书」，扫下方二维码即可阅读～ 文中提到的 vibe 网站： 🎤 AI 语音对谈输出社媒内容：sayit.cc 📘 出海品牌 GEO：sevenailab.com sevenailab.com 💻 品牌服务商集合站：7brandhub.com 7brandhub.com 📱 小程序：伴聊 AI 聊天助手 点击章节标题，可直接跳转到对应位置： • 开始阅读 ◦ 前言 • 破冰 · 先做出来 ◦ 准备篇 · 阅读准备：把工具备齐 ◦ 第一章 · 玩起来：15 分钟发布你的第一个网页 ◦ 第二章 · 回看：你刚做的到底是什么？ ◦ 第三章 · 定锚：选路线、找用户、写开战卡 ◦ 第四章 · 筛选：这个想法值不值得做 • 主控流程 · 定生修验发察 ◦ 第五章 · 定：把想法翻译成 AI 能执行的任务 ◦ 第六章 · 生：第一版要快，不要完美 ◦ 第七章 · 修：别让 AI 猜，给它证据 ◦ 第八章 · 验：看不出对错，AI 就在帮倒忙 ◦ 第九章 · 发：不上线就没有真实世界 ◦ 第十章 · 察：上线后看人怎么真实使用 • 进阶 · 把工具用深 ◦ 第十一章 · 工具梯度：Lovable → Cursor / Codex → Claude Code ◦ 第十二章 · 协议层：prompt 是临时话，Rules 是长期合同 ◦ 第十三章 · 互审：让一个 AI 挑另一个 AI 的漏洞 • 打磨 · 让产品真的可用 ◦ 第十四章 · 命名与首屏：用户 3 秒看懂什么 ◦ 第十五章 · 风格：别让 AI 给你科技紫 ◦ 第十六章 · 数据库与登录：让产品记住用户 ◦ 第十七章 · Bug 不是灾难，是路线牌 • 实战 · 四章五个真实案例 ◦ 第十八章 · 实战 1：两天做出一个官网 ◦ 第十九章 · 实战 2：一周做出一个微信小程序 ◦ 第二十章 · 实战 3：一个轻 SaaS 的闭环 ◦ 第二十一章 · 实战 4：行业平台与 Agent Demo • 闭环 · 从产品到生意 ◦ 第二十二章 · 收钱：第一笔钱从哪里来 ◦ 第二十三章 · 流量：冷启动渠道与 GEO ◦ 第二十四章 · 数据与迭代：看懂但别被绑架 ◦ 第二十五章 · 毕业：90 天发布计划 • 收尾与附录 ◦ 后记 ◦ 附录 A · 全册工具索引 ◦ 附录 B · 需求验证工具箱 ◦ 附录 C · SaaS 闭环与收钱技术清单 ◦ 附录 D · 延伸学习资源 前言 准备篇 · 阅读准备：把工具备齐 第一章 · 玩起来：15 分钟发布你的第一个网页 第二章 · 回看：你刚做的到底是什么？ 第三章 · 定锚：选路线、找用户、写开战卡 第四章 · 筛选：这个想法值不值得做 第五章 · 定：把想法翻译成 AI 能执行的任务 第六章 · 生：第一版要快，不要完美 第七章 · 修：别让 AI 猜，给它证据 第八章 · 验：看不出对错，AI 就在帮倒忙 第九章 · 发：不上线就没有真实世界 第十章 · 察：上线后看人怎么真实使用 第十一章 · 工具梯度：Lovable → Cursor / Codex → Claude Code 第十二章 · 协议层：prompt 是临时话，Rules 是长期合同 第十三章 · 互审：让一个 AI 挑另一个 AI 的漏洞 第十四章 · 命名与首屏：用户 3 秒看懂什么 第十五章 · 风格：别让 AI 给你科技紫 第十六章 · 数据库与登录：让产品记住用户 第十七章 · Bug 不是灾难，是路线牌 第十八章 · 实战 1：两天做出一个官网 第十九章 · 实战 2：一周做出一个微信小程序 第二十章 · 实战 3：一个轻 SaaS 的闭环 第二十一章 · 实战 4：行业平台与 Agent Demo 第二十二章 · 收钱：第一笔钱从哪里来 第二十三章 · 流量：冷启动渠道与 GEO 第二十四章 · 数据与迭代：看懂但别被绑架 第二十五章 · 毕业：90 天发布计划 后记 附录 A · 全册工具索引 附录 B · 需求验证工具箱 附录 C · SaaS 闭环与收钱技术清单 附录 D · 延伸学习资源 点击章节标题，可直接跳转到对应位置： • 开始阅读 ◦ 前言 前言 ◦ 前言 前言 • 破冰 · 先做出来 ◦ 准备篇 · 阅读准备：把工具备齐 ◦ 第一章 · 玩起来：15 分钟发布你的第一个网页 ◦ 第二章 · 回看：你刚做的到底是什么？ ◦ 第三章 · 定锚：选路线、找用户、写开战卡 ◦ 第四章 · 筛选：这个想法值不值得做 准备篇 · 阅读准备：把工具备齐 第一章 · 玩起来：15 分钟发布你的第一个网页 第二章 · 回看：你刚做的到底是什么？ 第三章 · 定锚：选路线、找用户、写开战卡 第四章 · 筛选：这个想法值不值得做 ◦ 准备篇 · 阅读准备：把工具备齐 准备篇 · 阅读准备：把工具备齐 ◦ 第一章 · 玩起来：15 分钟发布你的第一个网页 第一章 · 玩起来：15 分钟发布你的第一个网页 ◦ 第二章 · 回看：你刚做的到底是什么？ 第二章 · 回看：你刚做的到底是什么？ ◦ 第三章 · 定锚：选路线、找用户、写开战卡 第三章 · 定锚：选路线、找用户、写开战卡 ◦ 第四章 · 筛选：这个想法值不值得做 第四章 · 筛选：这个想法值不值得做 • 主控流程 · 定生修验发察 ◦ 第五章 · 定：把想法翻译成 AI 能执行的任务 ◦ 第六章 · 生：第一版要快，不要完美 ◦ 第七章 · 修：别让 AI 猜，给它证据 ◦ 第八章 · 验：看不出对错，AI 就在帮倒忙 ◦ 第九章 · 发：不上线就没有真实世界 ◦ 第十章 · 察：上线后看人怎么真实使用 第五章 · 定：把想法翻译成 AI 能执行的任务 第六章 · 生：第一版要快，不要完美 第七章 · 修：别让 AI 猜，给它证据 第八章 · 验：看不出对错，AI 就在帮倒忙 第九章 · 发：不上线就没有真实世界 第十章 · 察：上线后看人怎么真实使用 ◦ 第五章 · 定：把想法翻译成 AI 能执行的任务 第五章 · 定：把想法翻译成 AI 能执行的任务 ◦ 第六章 · 生：第一版要快，不要完美 第六章 · 生：第一版要快，不要完美 ◦ 第七章 · 修：别让 AI 猜，给它证据 第七章 · 修：别让 AI 猜，给它证据 ◦ 第八章 · 验：看不出对错，AI 就在帮倒忙 第八章 · 验：看不出对错，AI 就在帮倒忙 ◦ 第九章 · 发：不上线就没有真实世界 第九章 · 发：不上线就没有真实世界 ◦ 第十章 · 察：上线后看人怎么真实使用 第十章 · 察：上线后看人怎么真实使用 • 进阶 · 把工具用深 ◦ 第十一章 · 工具梯度：Lovable → Cursor / Codex → Claude Code ◦ 第十二章 · 协议层：prompt 是临时话，Rules 是长期合同 ◦ 第十三章 · 互审：让一个 AI 挑另一个 AI 的漏洞 第十一章 · 工具梯度：Lovable → Cursor / Codex → Claude Code 第十二章 · 协议层：prompt 是临时话，Rules 是长期合同 第十三章 · 互审：让一个 AI 挑另一个 AI 的漏洞 ◦ 第十一章 · 工具梯度：Lovable → Cursor / Codex → Claude Code 第十一章 · 工具梯度：Lovable → Cursor / Codex → Claude Code ◦ 第十二章 · 协议层：prompt 是临时话，Rules 是长期合同 第十二章 · 协议层：prompt 是临时话，Rules 是长期合同 ◦ 第十三章 · 互审：让一个 AI 挑另一个 AI 的漏洞 第十三章 · 互审：让一个 AI 挑另一个 AI 的漏洞 • 打磨 · 让产品真的可用 ◦ 第十四章 · 命名与首屏：用户 3 秒看懂什么 ◦ 第十五章 · 风格：别让 AI 给你科技紫 ◦ 第十六章 · 数据库与登录：让产品记住用户 ◦ 第十七章 · Bug 不是灾难，是路线牌 第十四章 · 命名与首屏：用户 3 秒看懂什么 第十五章 · 风格：别让 AI 给你科技紫 第十六章 · 数据库与登录：让产品记住用户 第十七章 · Bug 不是灾难，是路线牌 ◦ 第十四章 · 命名与首屏：用户 3 秒看懂什么 第十四章 · 命名与首屏：用户 3 秒看懂什么 ◦ 第十五章 · 风格：别让 AI 给你科技紫 第十五章 · 风格：别让 AI 给你科技紫 ◦ 第十六章 · 数据库与登录：让产品记住用户 第十六章 · 数据库与登录：让产品记住用户 ◦ 第十七章 · Bug 不是灾难，是路线牌 第十七章 · Bug 不是灾难，是路线牌 • 实战 · 四章五个真实案例 ◦ 第十八章 · 实战 1：两天做出一个官网 ◦ 第十九章 · 实战 2：一周做出一个微信小程序 ◦ 第二十章 · 实战 3：一个轻 SaaS 的闭环 ◦ 第二十一章 · 实战 4：行业平台与 Agent Demo 第十八章 · 实战 1：两天做出一个官网 第十九章 · 实战 2：一周做出一个微信小程序 第二十章 · 实战 3：一个轻 SaaS 的闭环 第二十一章 · 实战 4：行业平台与 Agent Demo ◦ 第十八章 · 实战 1：两天做出一个官网 第十八章 · 实战 1：两天做出一个官网 ◦ 第十九章 · 实战 2：一周做出一个微信小程序 第十九章 · 实战 2：一周做出一个微信小程序 ◦ 第二十章 · 实战 3：一个轻 SaaS 的闭环 第二十章 · 实战 3：一个轻 SaaS 的闭环 ◦ 第二十一章 · 实战 4：行业平台与 Agent Demo 第二十一章 · 实战 4：行业平台与 Agent Demo • 闭环 · 从产品到生意 ◦ 第二十二章 · 收钱：第一笔钱从哪里来 ◦ 第二十三章 · 流量：冷启动渠道与 GEO ◦ 第二十四章 · 数据与迭代：看懂但别被绑架 ◦ 第二十五章 · 毕业：90 天发布计划 第二十二章 · 收钱：第一笔钱从哪里来 第二十三章 · 流量：冷启动渠道与 GEO 第二十四章 · 数据与迭代：看懂但别被绑架 第二十五章 · 毕业：90 天发布计划 ◦ 第二十二章 · 收钱：第一笔钱从哪里来 第二十二章 · 收钱：第一笔钱从哪里来 ◦ 第二十三章 · 流量：冷启动渠道与 GEO 第二十三章 · 流量：冷启动渠道与 GEO ◦ 第二十四章 · 数据与迭代：看懂但别被绑架 第二十四章 · 数据与迭代：看懂但别被绑架 ◦ 第二十五章 · 毕业：90 天发布计划 第二十五章 · 毕业：90 天发布计划 • 收尾与附录 ◦ 后记 ◦ 附录 A · 全册工具索引 ◦ 附录 B · 需求验证工具箱 ◦ 附录 C · SaaS 闭环与收钱技术清单 ◦ 附录 D · 延伸学习资源 后记 附录 A · 全册工具索引 附录 B · 需求验证工具箱 附录 C · SaaS 闭环与收钱技术清单 附录 D · 延伸学习资源 ◦ 后记 后记 ◦ 附录 A · 全册工具索引 附录 A · 全册工具索引 ◦ 附录 B · 需求验证工具箱 附录 B · 需求验证工具箱 ◦ 附录 C · SaaS 闭环与收钱技术清单 附录 C · SaaS 闭环与收钱技术清单 ◦ 附录 D · 延伸学习资源 附录 D · 延伸学习资源 前言 hi，我是 Seven，很高兴在这里遇到你。 我不是程序员。 过去 7 年的时间，我一直在品牌策划领域，帮客户写 brief、做提案、盯落地。我的工作是理解一个品牌该长什么样，然后把这个“该长什么样”翻译成所有人都能执行的方案。 2025 年，我开始“一人探索模式”。 我不太喜欢一上来就说“创业”。那个词太大了。我当时只是想试试：能不能把一些天马行空的想法，变成真正能用、能卖的东西。 然后我遇到了 AI 编程。 我还记得第一次用 Lovable（一个用自然语言做网站的工具）的时候，就随意打了一句话，并没抱任何期望。但很快，一个包含首页、服务、关于我们的完整网页出现在屏幕上，我愣了一下：等等，就这么简单？ 那是我第一个 aha Moment，那一刻我意识到，AI 真的可以把想法变成现实了。不需要先学三个月编程，不需要等技术合伙人，也不需要一开始就融资。就我一个人，加一台电脑。 接下来的几个月，我陆陆续续做了几个产品。并没有手写一行代码，而是直接用自然语言告诉 AI 做什么、判断它做得对不对。 在做这些产品的过程中，我越来越意识到，AI 时代做产品的方式变了。最难的部分不是技术，最难的是你知不知道自己要做什么，以及你能不能把这件事情给说清楚。 这恰好是我做了 7 年品牌策划训练出来的能力。 理解需求、定义问题、把模糊的感觉翻译成精确的描述，这些过去用来写品牌方案的技能，后来都用在了和 AI 协作上。 所以我写了这本小册子。 它只做一件事：帮你把一个真实的想法，推成一个真实的产品。针对那些有想法、有行业经验的人，打破那层现已不存在的技术门槛。 现在真正的瓶颈已经从“技术执行”转向了“需求定义”。你的审美、品味、对业务的理解和对需求的定义，反而成了这个时代最稀缺的资产。 当然，真正让我学会 AI 编程的，是我有一个自己真正想做的产品。 当你没有带着一个真实的目标，只是学工具时，读完很容易忘；但当你有一个自己真正想做的产品时，遇到的每一个问题都是真实的，解决完就变成了你的能力。 所以，这本小册子并不会教你编程。它教你怎么当“AI 时代的产品经理”：让 AI 做执行，你做判断。从一个想法开始，走完定义、生成、修改、验收、发布、观察的流程，最后把产品推到线上，试着收第一笔钱。 小册子一共十万字左右，分为 25 章，每一章都有一个真实的产出物。读完之后，你手里会有一套能把想法推进到上线、验收、收钱的工作方法。 如果你想系统学习计算机科学，这本小册子不适合你。 如果你想用 AI 把自己的想法推到真实世界，这就是为你写的。 另外还要多说一点： 1. 这本小册子是基于作者这一年来自己探索 Vibe Coding 沉淀的经验和踩过的坑。自身并非工程背景或编程专业人士，文中如有表述不准的地方，还望包涵。 2. 这本小册子内容设计的架构不是按照严谨开发的路径来的，而是根据从简到难、更适合新手一步步上手的过程来设计的。 3. 涉及的工具、内容基于 2026 年上半年的使用经验。AI 工具更新非常快。阅读时，请把具体操作当成一张入门地图，真正不会过时的，是定义问题、说清需求、判断结果、推向真实世界这一套方法。无论 AI 工具如何更新，你手握的是从想法到现实的底层方法论。 如果你准备好了，那我们就开始吧。 Seven 2026 年 5 月，深圳 准备篇 · 阅读准备：把工具备齐 阅读目标：完成一台准备好的电脑，所有工具账号就位 阅读目标：完成一台准备好的电脑，所有工具账号就位 这一章就是一份清单。注册账号、装工具、测试网络。 很多人在第一章就卡住，原因很简单：工具没准备好。打开 Lovable 发现网页加载不出来，或者第九章才发现没有 GitHub 账号。花 30 分钟现在搞定，后面会顺很多。 但你不用一开始就把所有账号都注册完。为了不让准备工作变成新的门槛，我把它分成两个版本。 网络环境 我们会用到的工具（Lovable、Cursor、GitHub、Vercel、Claude、Supabase）都在海外。如果你在中国大陆，需要稳定的网络工具。 网络环境因地区而异。确认方法很简单：打开会用到的工具官网，至少 Lovable、GitHub、Vercel 能正常加载。 必备账号 直接用 Google 邮箱登录以下账号。大多数都有免费或试用方案，但套餐会变化，正式使用前以官网为准。 Lovable（lovable.dev） 第一章就要用。用 Google 账号或邮箱注册。 GitHub（github.com） 代码托管。你的项目代码存在这里。Lovable、Vercel、Cursor 都需要关联 GitHub。用邮箱注册，选免费计划。 github.com Vercel（vercel.com） 部署平台。把你做好的产品发布到互联网。注册时直接用 GitHub 登录，之后部署会自动关联。 vercel.com Claude（claude.ai） 用来互审代码、规划方案、写文档。邮箱注册。 Supabase（supabase.com） 数据库服务。第十六章才用到，现在注册的话用 GitHub 账号最方便。 supabase.com 五个账号打开浏览器标签逐个注册，顺利的话半小时内可以搞定。 必备工具 账号注册完，接下来装两个软件到你的电脑上。 Cursor 下载：cursor.com cursor.com 代码编辑器，想象成运行在你电脑上的 Lovable。也能通过对话生成代码，但更灵活。 下载对应系统版本（Mac 或 Windows），安装打开。第一次打开登录或注册，通常会有免费或试用额度，具体以官网为准。 打开后右侧有聊天面板。在那里打字，Cursor 帮你写代码。第六章会先简单试一下，第十一章会专门展开什么时候该从 Lovable 升级到 Cursor。 Codex 访问：以 OpenAI 官网和 ChatGPT 内的最新入口为准。截至 2026 年 5 月，Codex 常见入口包括 ChatGPT 里的 Codex、Codex CLI，以及 IDE 插件。 Codex 是 OpenAI 的 AI 编程工具。你可以把它当成一个能读代码、改代码、跑命令的编程助手。它既能在云端委托任务，也能接入终端或 IDE。具体入口、套餐和可用地区变化很快，以 OpenAI 官方最新说明为准。 前面几章用 Lovable 和 Cursor 够了。Codex 先确认能访问就行，用到时再深入。 Claude Code（选装