Phase 1 — 产品设计 & PRD

AI Product Management 就是用 AI 来做产品管理——不是管 AI 产品，而是用 AI 帮你规划产品。这节课讲一个产品从想法到上线的完整流程：找到用户痛点 → 定义核心功能 → 画原型 → 拆任务 → 开发 → 测试 → 上线。后面的课你就是按这个流程走的。

学习如何通过明确的任务描述，让 AI 精准理解并执行你的需求。掌握动词开头、约束条件和任务拆分。

阅读「从想法到 PRD（用 AI 写 PRD）」章节。自主节奏完成，巩固本节课的知识点。

不知道做什么项目？这节课给你 3 个真实案例参考：一个餐厅官网（展示型）、一个预约系统（交互型）、一个个人作品集（Portfolio 型）。每个案例拆解它的页面结构、功能模块、用了什么技术。你可以直接选一个来改，也可以受启发自己想一个。关键是选一个你真的想做的，学起来才有动力。

阅读「实战：Todo App」章节。自主节奏完成，巩固本节课的知识点。

User Story 是产品经理最常用的需求描述方式：「作为 [某种用户]，我想要 [某个功能]，以便 [达到某个目的]」。比如「作为餐厅客户，我想在线预约座位，以便不用打电话排队」。这节课教你把一个模糊的产品想法拆成 10-15 条 User Story，每条都够具体到可以让 AI 直接写代码。

阅读「AI User Research：数据驱动的需求洞察」章节。自主节奏完成，巩固本节课的知识点。

前面想了产品方向、看了案例、写了 User Story，现在把它们整合成一份正式的产品提案（Proposal）。这节课用 AI 辅助你完成：产品名称、目标用户、核心功能列表、页面结构草图、技术选型建议。Proposal 是你后面整个项目的蓝图——改需求、加功能、找方向都回来看这份文档。

学习如何指定输出格式，让 AI 的回答结构化、可预测、易于使用。掌握列表、表格、JSON、Markdown 等格式的应用场景。

HTML 是网页的骨架——标题用 h1、段落用 p、图片用 img、链接用 a、列表用 ul/li。不需要背语法，因为 AI 会帮你写。但你需要看懂 AI 写的 HTML 是什么意思：这里是标题、那里是导航栏、下面是内容区。这节课用 10 分钟讲清楚 HTML 的核心标签，看完你就能读懂网页源代码了。

CSS 是网页的皮肤——颜色、字体、间距、布局、动画都靠它。AI 写的 CSS 代码你也不用背，但要能看懂：color 是颜色、font-size 是字号、margin 是外边距、display: flex 是弹性布局。这节课讲最常用的 15 个 CSS 属性，看完你就能跟 AI 说「把标题改成红色、字号改大、居中显示」。

Git 是代码的存档系统。每做完一步就 git commit（存个档），搞砸了就 git checkout（读档回退）。这节课只教 5 个命令：git init（初始化）、git add（选择文件）、git commit（存档）、git push（推到 GitHub）、git log（看历史记录）。从现在开始每节课结束都 commit 一次，养成习惯。

把你之前写的 Proposal 用 AI 转化成正式的 PRD（产品需求文档）。PRD 比 Proposal 更详细：每个页面有什么功能、每个按钮点了之后发生什么、数据从哪来存到哪去。这节课用 Cursor + AI 一起写 PRD——你说需求，AI 帮你组织成文档格式，你检查、补充、修改。

跟 AI 说「帮我写个网站」它不知道从哪开始。这节课给你一个 Prompt 公式：[角色] + [任务] + [技术栈] + [约束条件] + [输出格式]。比如：「你是一个 Next.js 开发者，帮我写一个用户注册页面，用 Tailwind CSS，表单要有邮箱和密码验证，输出完整的组件代码」。记住这个公式，AI 的代码质量直接翻倍。

掌握让 AI 生成高质量代码的 Prompt 模板，从

掌握 Few-shot prompting 技巧，学会通过提供示例来引导 AI 产出一致、高质量的输出。

阅读「写出第一个 Prompt」章节。自主节奏完成，巩固本节课的知识点。

阅读「高质量 Prompt 模板」章节。自主节奏完成，巩固本节课的知识点。

AI 写了 200 行代码给你，你怎么知道它写得对不对？这节课教你不用理解每一行代码的情况下判断质量：看文件名和函数名猜大概在做什么、找 console.log 验证数据流向、看注释理解意图、用浏览器预览实际效果。80% 的情况下你只需要看懂结构，不需要逐行读。

学习如何用 Prompt 让 AI 生成高质量、可直接运行的代码，避免常见的代码生成陷阱。

阅读「理解与校验 AI 的回复」章节。自主节奏完成，巩固本节课的知识点。

一个网页项目文件夹里有 HTML 文件（骨架）、CSS 文件（样式）、JS 文件（交互逻辑），还有 package.json（项目配置）、node_modules（依赖库）、public（静态资源）。这节课拆解一个真实项目的文件结构，让你知道每个文件夹是干什么的，改东西去哪找。以后 AI 让你「把代码放到 src/components/ 下」你就知道在哪了。

前面所有的准备工作——Proposal、User Story、PRD、文件结构——都在这节课汇总提交。你应该已经有一份完整的 PRD 文档，清楚地描述了你的产品做什么、给谁用、有哪些页面和功能。讲师会 review 几份 PRD，指出常见问题：需求太模糊、功能太多、没有优先级。提交后正式进入编码阶段。