从第一次用 AI 做东西,到把产品上线
用 AI 做东西,
你还需要知道的事
从把想法说清楚、判断它做对了没有、改坏了怎么退回去,到能不能上线、出事了怎么办。不教你写代码,教你看懂 AI 交出来的东西,在关键处问对问题。
入门 7 课(已上线 7 课)· 进阶 25 课(已上线 25 课)· 66 个术语 · 25 条真实事故

入门 · 从零开始
写给刚开始用 AI 做东西的人
7 课 · 每课约 10 分钟 · 不需要会写代码
每课一个常见场景、一份清单、几道情景题。第 0 课先认识 AI 是怎样一种同事;第 1–6 课连成一个闭环:交付之后,新的想法又从第 1 步开始。学完能做到四件事:说清楚、看得出、兜得住、拿得出。
认识你的 AI 同事
它不只会聊天,还会在你的电脑上动手:会自己一步步往下做,只记得眼前这场对话,你开放给它的文件夹它都能改。先认清它,后面 6 课才用得上。
把想法说清楚,AI 才能一次做对
一句“做个好看的个人主页”,AI 只能按最常见的样子猜。开口前讲清给谁看、放什么、像什么、不要什么、怎样算好,第一版就能用上大半。
出了问题,怎么跟 AI 说
“坏了,修一下”只告诉 AI 出了事,没告诉它是什么事。说清你做了什么、看到什么、本该怎样、从什么时候开始,一次只报一个问题,它才修得准。
AI 说“做好了”,真的做好了吗
AI 说“做好了”,只代表它认为做好了。数一数数量、抽几样亲手看、核对每个数字的出处、对照当初的每条要求,漏掉的和编出来的才藏不住。
改坏了,怎么退回上一版
AI 改东西常常不止改你说的那一处。改之前先存一份,一次只改一件事,让它先说要动哪里,改坏了才退得回去。
哪些东西不能交给 AI
把密码贴进对话、把整个文件夹交给 AI、让它不设上限地一直干,都可能出事。只给它完成这件事需要的东西,再给次数和花费设个上限。
做好的东西,怎么给别人用
在你电脑上做出来的东西,默认只在你电脑上。想让别人打开,要把它放到网上;想换设备还能用,要先弄清数据存在哪。交付之前,用别人的手机试一次。
进阶 · 已经在上线产品、愿意读一点代码的人
进阶课的案例,来自你正在读的这个网站和它的几个兄弟项目。它们都是用 AI 一步步做出来的,做的过程中每一次真实的事故,都记进了事故账本,每一课都从其中一次讲起;找茬练习用的是真实的代码和文档。讲到这个网站的地方,你可以右键查看源代码、打开开发者工具,亲手验证。
每一课都是这 8 段
右侧目录就是进度条- 先看出事的那一刻每课从一次真实出过的事故开场
- 装备几个词3–5 个术语,链到术语图鉴
- 为什么要懂AI 替你做了什么,留给你的是什么,不懂的代价
- 讲清楚先比喻、后机制,进阶内容折叠成深潜
- 找茬一段真实的 AI 产出,埋好几处问题等你点出来
- 快测错误选项告诉你:你可能是这么想的
- 判断时刻真实场景三选一,不判对错,讲清每个选项的代价
- 带走下次该问 AI 的话,和自己动手验证的方法
进阶路线 · 7 篇 25 课

第 1 篇 · 看懂你造了什么
里程碑:画出你的网站住在哪、用户怎么到达它
拆开一个 AI 做出来的网站
前端、后端、数据库、接口、托管平台各是什么,从"以为网站在 Vercel,其实域名指向 Cloudflare"的真实事故讲起。
本地和线上是两个世界
进程、端口、环境变量,以及本地和线上之间的每一处差别,从一个跑了两个月、脚本早已删除的旧进程讲起。
从输入网址到看到页面
域名、DNS、HTTPS、CDN 与反向代理,从上线当天自定义域名迟迟打不开的真实事故讲起。

第 2 篇 · 让页面被看见
里程碑:用一行命令确认搜索引擎能读到你的正文
为什么搜索引擎看不到你的网站
单页应用、静态生成、服务端渲染的区别,从这个网站"第一次返回的 HTML 只有一个标题"的真实事故讲起。
路由、状态码与兜底
路由的最后一条规则怎么写,页面给人看、状态码给程序看,从"任何网址都返回 200"和"健康检查返回一张网页"两次真实事故讲起。

第 3 篇 · 让 AI 把事做对
里程碑:写一份让 AI 一次做对的需求
AI 默认给你的,是语料里最常见的样子
大模型是续写机:你没说清楚的地方,它用最常见的样子补上。从一次把学习站做成 SaaS 官网的重构讲起。
把需求交代清楚
需求说明、参考对象与验收标准,从同一句"很乱"连续返工四轮的真实经历讲起。
识别 AI 味儿与过度设计
假数据、假按钮、装饰性组件和编出来的图表,从 12 张最后全部删掉的配图讲起。

第 4 篇 · 把它送上线
里程碑:从一次提交到线上可访问,全程看懂
Git:存档、回退与不该提交的东西
提交、分支与忽略规则,从一个 516MB 的压缩包,和两个在仓库里待了两个月的数据库日志文件讲起。
依赖、锁文件与运行环境
依赖、锁文件、包管理器与 Node 版本,从一次本地通过、线上失败,而且在本地怎么查都查不出来的构建讲起。
密钥与配置
密钥、环境变量与最小权限,从两把交给 AI 之后一直没作废的令牌,和一份被悄悄跳过的 .env 讲起。
托管平台与“一个站两处部署”
静态托管与应用托管各管什么,以及为什么一个网站只该有一个生产入口,从同一个网站同时跑着两个版本的经历讲起。

第 5 篇 · 让它活下去
里程碑:给你的网站做一次上线前验收
失败路径:白屏、错误边界与兜底
判空、错误边界与日志,从一个写错的章节地址让整个网站白屏的经历讲起。
账号、限流与成本护栏
账号、限流与额度,从一个"每人每天 80 条、注册却不设限"的 AI 导师讲起。
重构时的隐形依赖
设计变量、作用域与"还有谁在用",从样式分几步删完、所有配图变成黑块的经历讲起。
验收:怎么确认“真的没变”
截图比对、测量误差与验收范围,从一次先后报出 4%、8% 的差异,最后反而找出两个旧 bug 的迁移验收讲起。

第 6 篇 · 给产品装上 AI
里程碑:给产品加一个 AI 功能,并算清成本
流式输出:让慢回答不像卡死
流式输出、首字时间与等待体验,从一个名义上流式、实际上 17 秒后一次性到达的 AI 导师讲起。
Agent、工具与 Skill
智能体、工具调用、MCP 与 Skill,从一次被宿主凭证"借走身份"的 401,和一道在宽松模式下轮不到的权限闸门讲起。
成本护栏不能只信上报的用量
Token、额度与对账,从同一个问题问两次、上报的用量差了几十倍的经历讲起。

第 7 篇 · 让 Agent 靠得住
里程碑:给你的 Agent 写好交接、画好边界、配上评测
工作台装不下的时候:交接与记忆
上下文压缩、规则文件与交接文档、交接要交代的五件事,以及怎么检验交接文档有没有说谎。从一条只说在聊天里、两个月后变成事故的待办讲起。
几个 AI 一起干活
共享的只有文件、派活说明怎么写、同时干活怎么划地盘,以及什么时候该派子 Agent。从两个 AI 轮流改版、配图全部变成黑块的那一次讲起。
别让它自己验收自己
测试条件、能不能失败的检查、证据和汇报、第二双眼睛。从一次 AI 测出"稳定 60 帧、不是网站的问题",站长却说"还是卡"的排查讲起。
给 Agent 一个能动手的环境
工作目录、工具、开局的提示词,以及怎样让这套环境搬到别的机器上也能用。从一个带着宿主凭证去请求第三方模型、一直返回 401 的 Agent 讲起。
限制放在哪:经验、钩子,还是人
提示词里的经验、代码里的钩子和护栏、人来拍板的那一关,各管哪一类事。从一个只靠提示词里一句话看门、试图去读个人笔记的 Agent 讲起。
看得见才改得好:日志、评测与闭环
日志记下实际发生了什么,评测先有标准答案,反馈要变成下一次的考题。从启动日志两分钟找到 401 原因的那次讲起。