PUBLIC NOTEcourse27 min read

旧版课程2:动手实操建立手感

这门“基础篇”就是带你从零,用 AI 做出并上线第一个可赚钱的 MVP。 整体:这门基础篇到底在干什么? 整套「基础篇:动手实操建立手感」不是讲概念,而是围绕一个目标设计: 普通人(甚至不懂代码)也能用 AI ,从一个 idea 做出 MVP ,上线、看数据、迭代、冷启动。

这门“基础篇”就是带你从零,用 AI 做出并上线第一个可赚钱的 MVP。

整体:这门基础篇到底在干什么?

整套「基础篇:动手实操建立手感」不是讲概念,而是围绕一个目标设计:普通人(甚至不懂代码)也能用 AI,从一个 idea 做出 MVP,上线、看数据、迭代、冷启动。

它一共十大模块,完整覆盖一条从 0 到 1 的产品路径:

idea → MVP 原型 → AI 编程工具开发 → GitHub 管理 → Vercel 上线 + 域名 → 数据分析 → 大厂级落地页 → 开源/付费源码加速 → 冷启动拉用户 → 高效使用 AI(PUA AI)

下面按章节帮你“压缩+结构化”一遍。

一、玩起来!10 分钟发布你的第一款网站产品(第 1 章)

目标:先不讲大道理,直接让你在 10 分钟内,用 AI + Bolt.new 做出第一个网站产品并上线,建立“我做得到”的手感。

1.1 课前准备

  • 环境:能访问 Google、能用 Chrome,有 Google 账号。
  • GitHub 账号:用 GitHub 登录 bolt.new(也可用 v0.dev 作为替代)。

1.2 随便准备一个 product idea

  • 要求:最好来自你或身边人的真实问题,这样你最懂用户。
  • 课程举了一堆例子帮你开脑洞:
  • 每天给自己打鸡血的 emo 助手
  • 10 题简化版 MBTI
  • 优势教练/大学自习室的专业官网
  • 帮你每天选外卖的工具
  • 「吵架包赢」——输入对方的话,帮你生成犀利回击
  • 思考不出来可以先照着「吵架包赢」练手,或者去看作者在生财有术的两篇分享(如何获得 idea / 什么产品好做)。

1.3 构思完整的 Prompt

核心原则:没有歧义

  • 不要只说“我要一个吵架包赢神器”、“要高端大气”,这种全是歧义。
  • 用结构化方式去写:
  • 我想做一个「xxx」,是一个 xxx 形态的产品
  • 技术栈要求:Next.js(App Router) + TypeScript + TailwindCSS + shadcn/ui,不用数据库
  • 界面要求:移动端/PC 都好看,配色参考微信
  • 功能要写清楚:
  • 用户会输入什么
  • 点击什么按钮
  • 会看到什么结果
  • 使用哪个大模型、哪个 API(给出文档链接 + 示例代码)
  • 示例里给了完整「吵架包赢」Prompt + OpenRouter API 调用示例。
  • 写完 Prompt,建议先给程序员朋友或 ChatGPT/DeepSeek 看一眼,问一句:“这段 Prompt 有没有歧义,足够让程序员开工吗?”

1.4 让 Bolt.new 实现

  • 把 Prompt 丢进 bolt.new,几分钟就能看到跑起来的页面。
  • 如果卡住,多半是:
  • 需求描述不清晰 / 有歧义
  • 工具本身不稳定
  • 备选工具:
  • v0.dev:和 Next.js/Vercel 同家公司,额度慷慨,课程线下也用它
  • lovable.dev:页面美,但对 Next.js 不够友好
  • firebase.studio:Google 的 IDE,暂时没 bolt/v0 好用

1.5 一键部署

  • 在 bolt 里直接“跟它说”:
  • “我想部署我的网站产品,把链接发给朋友,请帮我操作。”
  • 它会帮你在云端部署,拿到可分享链接。

1.6 继续和 AI 协作

  • 用 ChatGPT 视频通话/语音 + 截图,把你的界面、问题、想法讲给 AI 听,让它帮你迭代。
  • 视频通话只能用手机 App,网页不可;国内网络不行可以用豆包视频通话兜底。

1.7 干中学(作业)

  • 把产品发给至少 5 个目标用户收反馈。
  • 用 Bolt(文中写成 Bolt.net)反复对话修改产品。
  • 下载并安装 Cursor,为下一课做准备。
  • 附加:分别试用 lovable.dev 和 v0.dev,对比它们和 bolt.new 的优劣。

1.8 彩蛋

1.9 加餐:让原型更精美

  • 用 Google 的 Stitch 画 UI 原型:
  • 选择 Experimental Mode,用自然语言描述产品和设计要求
  • 得到成套设计图 → 可导出前端代码(布局为主)
  • 把设计图/代码交给 Bolt/V0/Cursor 参考,实现更专业的界面。

二、什么是 AI 产品?如何开发 AI 产品?(第 2 章)

目标:搞清楚你到底在做什么,AI 产品的样子、赚钱的形态,以及“普通人做 AI 产品”的通路。

2.1 什么是「AI 产品」

  • 对比:
  • 老式 10086(按 1、2、3)是规则驱动系统。
  • 今天的语音客服/豆包/DeepSeek 可以理解自然语言、生成回答,就是 AI 产品。
  • 本质:产品核心能力依赖 AI 模型(理解、生成、推理等),而不是固定规则。

2.2 赚钱的 AI 产品长什么样

推荐两个产品导航网站,帮你感受“市面上赚钱的 AI 应用长啥样”:

  • 有截图、用户数、趋势、预估收入、排行榜等。
  • 全世界最大的 AI 工具导航,支持自然语言搜功能。

2.3 普通人怎么做出 AI 产品

三步:

1)了解当前 AI 能力边界(多逛 API 平台、工具导航)

2)结合 idea 找到合适的 API

3)把 API 文档 + 四要素(地址、Key、示例请求、示例响应)交给 AI 编程工具(Bolt/Cursor)实现。

课程推荐 5 个常用 API 平台:

2.4 如何找到合适的 API

核心问题:技术能否做到 + 有无现成 API

  • 不确定时,问 ChatGPT/DeepSeek:
  • 例如“猫语翻译器”:技术可行但太前沿、无现成 API → 对普通开发者不适合。
  • “图片去背景”:有大量成熟 API,有些还开源 → 适合用。
  • 建议:
  • 优先在 Replicate/FAL/OpenRouter/SiliconFlow 这种平台找现成 API。
  • 另外可看 n8n、Coze 模板商店里是否有人已做类似产品。
  • 三处都找不到,就很可能是“需要自己做底层算法”的高难项目。

2.5 怎么做厉害的 AI 产品:API = 积木

  • 把每种 AI 能力看作一个积木:翻译、TTS、图像生成、视频对口型、检测、分类……
  • 串联多个 API,才容易做出有门槛的产品。
  • 例:HeyGen 的“视频翻译” = 文本翻译 + 文本转语音 + 视频对口型 三块 API 组合。
  • 想象:
  • 100 种能力 × 2 组合 = 1 万种形态
  • × 3 组合 = 100 万种形态
  • 结论:厉害的产品 = 厉害的创意 + 适当积木组合。

2.6 使用 Postman 调试大语言模型 API

目的:在写代码前先把 API 调通,获得四要素,提升后续 AI 写代码的成功率。

  • 步骤(以 OpenRouter Gemini 2.5 Flash 为例):
  • 生成 API Key
  • 从 API 文档复制 curl 示例
  • 在 Postman 导入 curl → 修改 Header 中的 KEY → 修改 Body(请求内容) → Send
  • 得到 Response,拿到示例输出。
  • 然后整理文档(四块):
  • API 代码(curl)
  • API Key(你自己的)
  • 示例输入(Postman Body)
  • 示例输出(Response Body)
  • 再演示了用火山引擎 Seedream 图片编辑模型,通过 Postman 做“图 1 中人物穿上图 2 的衣服”的请求。

2.7 干中学(作业)

  • 基于自己的产品 idea:
  • 去上述平台找可以组合的 API
  • 想想能否做:
  • “分析你和对象聊天记录”的产品
  • “生成海报”的产品
  • 重要:尝试“搭积木思维”。

三、用 AI 编程工具高效开发(第 3 章)

目标:从“工具玩具感”升级到“真正的开发流程”:需求 → 原型(Bolt) → 开发环境(Cursor)→ 接 API → 打磨细节。

3.1 流程

推荐四步:

1)找到待解决的问题

2)和 AI 协作写 MVP 需求文档

3)用 Bolt 做产品原型(界面 + 交互)

4)用 Cursor 在本地持续打磨功能、逻辑、结构

Bolt 适合:快速做界面、原型。

Cursor 适合:复杂逻辑、精细打磨。

3.2 与 AI 协作,完成产品需求文档

  • 用带推理的模型(DeepSeek-R1、GPT-o3、Claude 4.0 Thinking)。
  • 自己先写一版足够具体的需求,再跟 AI 不断对话 refine。
  • 产出:MVP 需求文档,最好图文并茂(Claude 可以生成)。

3.3 使用 Bolt 制作产品原型

  • 给 Bolt:需求文档 + 参考图 → 让它搭界面 +交互。
  • 来回迭代细节,直到原型符合预期。

3.4 在电脑上安装开发环境

  • 安装 Node + npm(Next.js 所需)。
  • 安装 Cursor(强烈建议付费版 20 美金/月)。
  • 使用习惯:遇到环境/依赖问题,直接问 ChatGPT。

3.5 Cursor 的简单介绍

  • 四大区域:
  • 目录树
  • 代码编辑区
  • AI 对话区
  • Terminal(控制台)
  • Terminal 常用:
  • ‎⁠npm run dev⁠ 本地开发(默认 3000 端口)
  • Ctrl+C 停止,‎⁠clear⁠ 清屏,↑ 调出上一条命令。

3.6 让 Cursor 理解和运行代码

  • 打开从 Bolt 下载的代码后,先做三件事:

1)让 Cursor 读取并解释项目结构

2)在本机跑起来

3)请 Cursor 帮你重构不合理的代码结构

3.7 用 Cursor 实现 API 调用

标准流程:

  • 阅读 API 文档 → 获取 URL 和 Key → 让 AI 学习文档 → 描述你要实现的功能 → 在 .env 配置敏感信息 → 实现和调试调用。
  • 教你在项目根目录创建 ‎⁠.env⁠ 文件,存放 KEY 等。
  • 举例:Replicate 的 stability-ai/sdxl 调用,通过 Cursor 集成到 Next.js 中。

3.8 持续打磨产品细节

  • 用 Cursor 做:加页面/加功能/改现有功能,逐步从原型走向可用产品。

3.9 小白调用方式推荐

  • 强推火山引擎(便宜、有国产模型、付费门槛低),演示了注册、方舟平台、开通 Key、充值等流程。
  • 备选硅基流动(SiliconFlow):适合想用海外模型但支付不方便的。
  • 在线调模型参数 → 复制 API 调用代码 → 给 Cursor 接入 → 再检查代码中模型参数是否和在线调试时一致。

3.10 Cursor 额度不够怎么办

  • 额度用完可暂时用 Codex(ChatGPT 的编程产品)在终端里辅助开发。
  • 但作者不建议新手长期依赖 Codex/Claude Code,因为更难驾驭。

3.11 干中学(作业)

  • 用上述流程做出第一个 MVP:不用完美,能跑、能交互就行。

四、大白话学懂源代码管理(第 4 章)

目标:让不懂 Git 的人用大白话搞定 Git/GitHub/GitHub Desktop + 在 Cursor 里用 GitHub。

4.1 什么是 GitHub?为什么要用

  • Git = 版本控制系统;GitHub = 托管代码的云平台。
  • 作用:
  • 保存历史版本(随时回滚)
  • 代码备份
  • 多人协作(避免“谁改了啥”的混乱)

4.2 GitHub 基础概念

用生活比喻讲:

  • 仓库 = 魔法相册
  • 提交 = 写日记
  • 分支 = 不同结局版本
  • 拉取请求 = “我帮你改了一版,要不要合并?”
  • 克隆/推送/拉取分别类比借书、发配方、收照片。

4.3 账号设置与第一步

  • 注册 GitHub、设置个人资料。

4.4 GitHub Desktop:小白救星

  • 用 GUI 代替命令行:下载 → 登录 → 打开项目 → 提交和推送。

4.5 在 Cursor 里使用 GitHub

  • 在 Cursor 登录 GitHub。
  • 初始化仓库 → 提交 → Publish 到 GitHub(或用 GitHub Desktop 代提交)。
  • 后续多次提交、查看 diff、回滚都演示了一遍。

4.6 GitHub 界面完整教学

  • 解释 Git vs GitHub 的区别。
  • 注册/登录、主界面(Home/Projects/Repositories)、个人页面(Profile、Stars、Orgs)——都逐个拆解。
  • 重点讲项目页面:
  • Watch/Fork/Star
  • Code / Issues / PR / Actions
  • README 的作用等。

4.7 常见问题

如推送被拒绝、合并冲突、忘记文件、撤销提交等,均给了对应操作。

4.8 干中学(作业)

  • 把前几课的产品源码全部丢到 GitHub 管理。

4.9 加餐:更换 GitHub Desktop 账号

  • 教你从退出原账号 → 登录新账号 → 连接新仓库的完整操作。

五、上线产品(第 5 章)

目标:学会用 Vercel 把项目发到线上 + 绑定域名 + 形成 Cursor-GitHub-Vercel 全流程“上线一张图”。

5.1 本课任务

  • 注册一个好记的域名,让别人通过域名访问你的产品。
  • 学会在 Cursor 提交代码后,Vercel 自动上线最新版本。

5.2 认识 Vercel

  • 面向开发者的云平台,极其适合 Next.js。
  • 优点:简单、免费起步、自动化、界面友好。

5.3 使用 Vercel 发布网站

  • 注册/登录(建议用 GitHub 登录)
  • 连接 GitHub 账号,Import 项目 → 填环境变量 → Deploy
  • 后续每次 push,Vercel 自动重新部署。
  • Tips:提交前在本地跑 ‎⁠npm run build⁠,提前发现编译问题。

5.4 域名是什么?

  • 用门牌号类比域名。
  • 拆解 TLD/主域名/子域名(.com、.io、.ai 等)。
  • 如何选好名字:短、相关、好拼写、少歧义,可长期使用。

5.5 如何脑暴和购买域名

  • 用 Instant Domain Search 这类工具查可用域名。
  • 推荐 Namecheap 买域名(便宜、送隐私保护、界面友好)。
  • 讲了完整购买流程:注册 → 搜索 → 加购 → 付费 → 验证 → 进入控制面板。

5.6 将域名连接到你的网站

  • 在 Vercel 中添加域名 → 在 Namecheap 设置 DNS(删默认记录 → 填 Vercel 提供的值)→ 等待解析。

5.7 阶段梳理:Cursor-GitHub-Vercel 一纸通

  • 四个核心工具:Cursor(写代码)、GitHub(仓库)、GitHub Desktop(图形 Git)、Vercel(部署)。
  • 流程:

1)Cursor 开发 → ‎⁠npm run dev⁠/‎⁠npm run build⁠ 验证

2)在 Cursor 初始化 Git 仓库 → 提交 → publish 到 GitHub

3)在 Vercel 选 GitHub 仓库 → 一键部署

4)之后每次提交,自动重新部署。

  • 还讲了验证 Cursor 第一次提交时的 8 位验证码流程,以及用 GitHub Desktop 兜底的问题处理。

5.8 干中学(作业)

  • 为你的产品注册域名,并用正式域名对外展示。

5.9 加餐:在 Vercel 中排查错误

  • 用 Vercel Logs 看后端错误,尤其是:数据库、登录、Webhook、调用 API 等场景。
  • 过滤日志、搜索关键字 + 把错误贴给 ChatGPT-o3。

六、数据分析驱动产品迭代(第 6 章)

目标:不凭感觉改产品,而是用数据 + 用户行为录像 + 热力图驱动迭代。

6.1 网站统计数据指南(小白必读)

重点讲了多个核心指标的含义、行业大致范围和改进建议:

  • Unique Visitors(访客数)
  • Bounce Rate(跳出率)
  • Avg Session Duration(平均停留时长)
  • Pageviews / Pages per Session
  • 流量来源(搜索/社交/直接/引荐)
  • 转化率(注册/购买/留资)
  • Exit Rate
  • 新老访客比例
  • 设备分布
  • Top Pages
  • 地理分布

同时给了一些经验值:

  • 赚钱博客/广告站/订阅产品的访客量级
  • 优秀产品的 SEO/社交流量占比等。

推荐用 GA4 作为主要分析工具,并给出了 GA4 创建与埋点流程。

6.2 如何统计用户数据

  • 工具:GA、Plausible、OpenPanel 等,均可自托管变免费。

6.3 查看用户行为录像

  • 用微软 Clarity:录屏回放真实用户操作。

6.4 分析网站热力图

  • 同样用 Clarity 的热力图功能,看点击/滚动热点。

6.4 其他方式

  • 早期:线下调研
  • 少量用户:在线聊天
  • 更多用户:Discord 社区
  • 用户超多:邮件沟通

6.5 干中学(作业)

  • 为你的网站集成一种统计(Plausible/GA/OpenPanel)+ Clarity,实践章节里的分析方法。

七、快速打造大厂级产品落地页(第 7 章)

目标:让你的产品“长得像大厂做的”,至少 Landing Page 要专业。

7.1 标准网站首页结构

  • 顶部导航、Hero、功能区、CTA、Social Proof、Pricing、FAQ、Demo、How it works、Contact、Trust Badges、Footer 等标准模块,对应到代码中的 Section。

7.2 快速制作专业首页

  • 找 Tailwind + UI Blocks 之类现成组件:
  • 截图或复制代码 → 给 Cursor → 指定插入位置。
  • 付费版通常可以直接复制完整 React 代码。

7.3 制作更专业的首页

  • 使用专业 Landing Page 模板(Launch UI Components、shadcn 的模板仓库、Tailus 模板等)。
  • 配色可用 shadcn theme generator 工具,复制生成的 CSS 到 ‎⁠globals.css⁠。

7.4 标准 SaaS 网站其他页面

  • Terms / Privacy / Refund / About / Contact / Blog 等,分别说明作用和推荐内容结构。

7.5 用 Cursor 快速制作辅助页面

  • 直接在 Cursor 描述你要的页面 → 让它生成文案 + 路由 + 布局,然后你校验文案。

7.6 干中学(作业)

  • 按照章节内容让你的产品显得更专业(页数更完整、风格统一)。

7.7 加餐:有没有更快的方式?

  • 用 same.new 直接复刻一个目标 SaaS 站的 UI(例如 cleanup.pictures),生成 Next.js/Shadcn/Tailwind 项目,然后用 Cursor 一块块改成自己的产品。

7.8 加餐:追求品质,提升审美

  • 建议大量浏览高质量组件库(magicui、aceternity、tailwind blocks、animate-ui、reactbits 等),把组件样式“存进潜意识”,提升自己设计直觉。

7.9 加餐:我懒,还想更快

  • 策略:V0 做原型 + 买漂亮模板 + 用 Claude Code 给原项目“一键穿衣服”。
  • 对 Cursor 用户:先跑起模板项目,再让 Cursor 在上面加功能。

7.10 常见问题

  • 如何把在 Bolt/V0 做的核心功能迁到新的 Landing Page 项目(组件级复用)。
  • 是否能直接从 Starter/Landing Page 开始,不用 Bolt。——可以,Bolt 只是更快完成“有功能的原型”,验证付费意愿,用来决定要不要继续投时间。

八、用开源项目为产品开发加速(第 8 章)

目标:学会用开源 + 付费源码“站在巨人肩膀上”,专注差异化。

8.1 开源项目有多厉害

  • 以 Nutlope 为例,一个人做了十几个可以一键部署的开源 AI 项目(NoteGPT、Blinkshot、Loras、Napkins、LogoCreator、RestorePhotos、RoomGPT…)。
  • 重点提醒:门槛不是写代码,而是找到真实需求 +目标用户

8.2 三个找开源项目的方法

  • GitHub Trending
  • GitHub 搜索 / 高级搜索
  • Vercel Templates(可直接一键部署的模板)。

8.3 用开源项目加速开发的流程

1)先找“待解决的问题”

2)找一个功能形态相近的开源项目

3)在此基础上改核心功能,让它针对你的细分场景

4)改界面交互、文案、收费逻辑

5)发布

8.4 延展:购买付费源码

  • 平台:CodeCanyon、Themeforest 等。几十美元可以买到很完整的源码/模板。
  • 策略:
  • 90% 基建来自源码 + 10% 自己的差异化功能/定位。
  • 不要幻想“买一个现成源码直接上线”就行——真正的价值在最后那 10%。

九、如何冷启动?(第 9 章)

目标:从“做出来”到“有人用”,系统讲了 3 大渠道:产品发布平台、垂直社区、自媒体。

9.1 产品发布平台

  • Product Hunt:适合 SaaS/工具,重视准备(视觉、标题、号召)。
  • Hacker News:适合开发者工具,使用“Show HN: …”,重视首评和技术细节。
  • Indie Hackers:记录产品日志、收入透明、交流独立开发经验。
  • BetaList:发布测试版,收集早期用户 + 邮箱。
  • Reddit:先养号,再在合适社区适度软性推广,真诚透明。

9.2 垂直社交平台

  • 各种微信群/Telegram 群:把产品当“礼物”送给精准群体,耐心互动。
  • V2EX:在“分享创造”等节点发帖,真诚分享产品与故事。
  • 小众软件:申请收录优质工具,可以带来大量精准用户。
  • 即刻:通过“产品发布会”/圈子,讲故事、晒进展。
  • 各垂直论坛、Slack/Discord 社区:长期提供价值、软性提及产品。

9.3 自媒体

  • 找腰部自媒体 / 小但精准的创作者合作,讲产品故事。
  • 播客/视频访谈转文本、剪辑短视频,形成内容矩阵。

9.4 冷启动核心原则

  • 精准优先于数量。
  • 迭代速度要快。
  • 多渠道 A/B,集中火力在有效渠道。
  • 深度陪跑早期用户。
  • 把发布当作起点,而不是终点。

十、如何让 AI 发挥最大的潜力?(第 10 章)

这一章是整门课的“用 AI 的内功心法”,解决的问题是:同样一条指令,有的人用 AI 像开挂,有的人只能拿到很一般的结果——差别不在“秘术提示词”,而在你如何迭代和给反馈。

10.1 顶级高手如何 PUA AI

作者先用 Windsurf 的「隐藏系统提示词」举例:你在 Windsurf 里随便打一个 prompt,系统会在后台自动偷偷加上一大段复杂的系统指令,用来“PUA”AI,让它表现更好。这说明:提示工程确实有用,但很多时候是写在系统层,而不是让普通用户记一堆咒语。

然后给了一些半调侃的“PUA 话术”示例:比如“如果你搞定了,我给你 20 美元消费”“你是我新招的 CEO,你的前任因为不用心被枪毙了”“我非常失望,这是你最好水平吗?”、“我要世界级品质”“请一步一步慢慢思考”等。这些话本质是:

  • 把要求讲清楚、讲高一点
  • 鼓励模型“慢慢想、分步骤推理”

特别强调一句:

“请你一步一步慢慢思考”这一类提示是有大量论文支持的(chain-of-thought / deliberate reasoning)。也正是这类实践启发了后来的推理模型(GPT-o1、DeepSeek R1 等),你看到它们长篇“内心独白”,就是在显式展示这种推理过程。

作者也提醒:PUA 本身不是关键,真正关键在下一节的系统要领。

10.2 AI 发挥最大潜力的要领

这里是整套“如何高效用 AI”的通用方法论,总结下来有几个核心点:

  • 不迷信“提示词工程”,要迷信“快速迭代”
  • 不要幻想一次性把 prompt 写完美。
  • 把任务拆成:先要个草稿/大纲 → 看差在哪 → 给具体反馈 → 再让它改。
  • 一轮轮打磨,比一次性写 500 字复杂提示词有效得多。
  • 直接、清晰地给负面反馈
  • 不用客气,也不用拐弯抹角,AI 不会被你“骂伤心”。
  • 明说:“这不是我想要的”,“这段太空洞”,“这部分逻辑错了,正确应该是……”。
  • 每次反馈要指出:哪里不对 + 你希望变成什么样。
  • 用关键词交代关键约束,而不是写作文
  • 例如:
  • “这是 MVP 版本,只要能跑,不要复杂架构”
  • “需要可视化,用 SVG 或 ECharts 展示”
  • “要用 Next.js + TypeScript + Tailwind + shadcn/ui,不用数据库”
  • 重点是把真正影响结果的“硬约束”明说,而不是套很多空泛修饰词。
  • 对复杂请求,先要框架,再要细节
  • 比如要“完整产品 PRD”:
  • 第一步:先叫它给你目录结构/章节大纲;
  • 大纲确认后,再让它按章节逐个展开。
  • 写代码同理:
  • 先让它列出文件结构和模块职责,再逐个文件实现。
  • 这样你可以在每一步纠偏,避免一次性写错方向。
  • 明确设定质量标准
  • 把“好”的定义说出来:
  • “需要专业咨询公司 PPT 水平”
  • “这是写给业务同事的,不能出现太多技术名词”
  • “需要包含至少 3 个实际案例和一个数据对比表”
  • 标准越具体,AI 越容易“对齐你的心里的好”。
  • 告诉 AI 你的场景和受众
  • 比如:
  • “这是一份给开发团队的技术评审文档”
  • “这是给老板看的 5 页汇报,需要非常高层、结论优先”
  • “这是给普通用户的使用说明,要尽量口语化”。
  • 同样的内容,面对不同受众,表达方式完全不同。提前说明,可以省掉很多返工。
  • 把有效的指令方式沉淀成你的“指令模板库”
  • 你会慢慢发现:
  • 写需求文档的一套问法
  • 让 AI 帮你 refactor 代码的一套问法
  • 让它帮你找 API 组合的一套问法
  • 效果比较好,就把这类指令存起来(比如放到自己的笔记/模板里),以后复制套用,再根据具体任务微调。
  • 这和课程里强调“API 是积木”类似:提示词/指令本身也是你的积木

整体来看,这一节在教你的是一种心态:把 AI 当一个无限耐心、但需要你不断调教的“超级实习生”——你规定目标、约束、受众和标准,然后用持续迭代 + 清晰反馈把它从平均水平推到你满意的状态。

10.3 视频演示:如何 PUA AI

最后,课程用一个真实案例做收尾:

  • 作者用一套上述“PUA + 高标准 + 不断反馈”的方式和 Claude 反复对话。
  • 结果 Claude 输出了一份他很满意的产品需求文档,甚至连产品名字“释放”(极简版情绪释放 App)也让他觉得不错。
  • 这就是“方法论落地效果”的一个实战示范:同样是聊一款情绪类 App,通过好的引导,AI 能输出接近“可直接拿去实现”的规格说明。

页面的最后,是课程系统里的收尾区域:

  • 可以“一键标记已学完基础篇”,并引导你进入下一篇《内功篇:补齐原理读懂代码》,开始从“会用工具”升级到“能读懂原理和代码”的阶段。

小结:这一整页内容的角色

你这页其实就是整套「基础篇:动手实操建立手感」的完整讲义大纲 + 细化内容,覆盖了:

  • 从 0 到第一个 MVP 的完整实操路径(Bolt.new / V0 / Lovable / Firebase Studio)
  • AI 产品认知 + API 能力边界 + Postman 调试
  • Cursor 为中心的 AI 编程流程(需求 → 原型 → 本地开发 → 接 API → 打磨)
  • GitHub 版本管理 + GitHub Desktop + 界面全教程
  • Vercel 部署 + 域名购买和绑定 + Cursor-GitHub-Vercel 流程总览
  • 数据统计和用户行为分析(GA4 / Plausible / Clarity)
  • 大厂级 Landing Page 和整站结构 + 模板/组件库选型
  • 开源项目/付费源码加速 + 如何只做差异化那 10%
  • 冷启动打法(产品发布平台 + 垂直社区 + 自媒体)
  • 最后用第 10 章帮你升级“使用 AI 的内功”,让工具真正变成生产力。

如果你接下来想把这个课程变成自己的“执行路线”,我可以帮你按你的目标(比如做海外 MicroSaaS)抽一条 2~4 周的学习+实战计划,只挑最关键的章节和操作步骤,把它变成一个你可以照着走的 checklist。