不用从 000 硬读到最后。
先看你今天卡在哪。
这门课的默认主线现在从真实痛点开始:先找到要解释的事,再缩成手机小页,接着选择 AI 编程入口并做出第一版。不会和 AI 说话、或概念听不清时,再进入先导和补给站。
这门课的默认主线现在从真实痛点开始:先找到要解释的事,再缩成手机小页,接着选择 AI 编程入口并做出第一版。不会和 AI 说话、或概念听不清时,再进入先导和补给站。
不用先懂课程名。先选一句最像你当前状态的话,系统会把你带到对应方向和课程。
如果你还没有清楚需求,就先做痛点卡;如果你已经有任务单,就直接选 AI 编程入口;如果你只是术语混乱,去补给站;如果工具打不开,先走保底路线,不把网络和账号问题算成自己的失败。
还没确定要做什么,或还不会把需求交给 AI。
默认先从一个真实痛点开始,把“我想做个东西”变成痛点卡和手机小页任务单;如果不会和 AI 沟通,先看 Guide;如果术语混乱,再进补给站。
适合:想法很多,但不知道先做哪一个的人。
先确定给谁看、解决什么,再进入工具。
进入课程 A产出:痛点卡、手机小页任务单
适合:连怎么问 AI、怎么追问都不稳的人。
先练会交代任务,不碰代码。
进入先导 Guide产出:AI 任务卡
适合:AI、模型、agent、工作流这些词听着混在一起的人。
这不是主线前置要求;需要时再补。
进入补给站产出:AI 四词小抄
已经有一个大致需求,想让 AI 帮你生成和修改页面。
这一方向把需求交给 Codex 或其他 AI coding 工具。目标不是学编程,而是做出能打开、能点、能继续修改的第一版。
已经有页面,想让一个真实的人看见、试一下、给反馈。
这一方向不把发布平台当成考试。先用截图、录屏、当面展示或临时链接让别人看懂,再把反馈交回给 AI。
基础小网页已经能看,想补一张图或一段短视频。
这一方向只适合完成基础页之后进入。先判断需不需要视觉增强,再从一张能解释网页的图开始,最后才考虑短视频。
推荐顺序:找痛点 → 缩成手机小页 → 选择 AI 编程入口 → 做第一版 → 改一处 → 分享 → 收反馈 → 急救。000 是不会和 AI 沟通时的先导,B01 是术语混乱时的补给站。
如果你现在连“怎么和 AI 说话”都不确定,不用直接跳进 Codex。先用这一页把提问、补信息、看答案、追问和验收练稳。分界线不是会不会写代码,而是:你能不能把一个模糊愿望,交代成 AI 能接住、能继续推进的小任务。
很多零基础同学以为自己卡在代码,其实更早就卡住了:不知道该把什么信息告诉 AI,也不知道 AI 回答不对时该怎么继续问。
把 AI 当成一个能力很强、但刚加入你项目的新同事:TA 不知道你的观众是谁,不知道你手里有什么材料,也不知道什么样才算好。你说清楚这些,它才真的能帮你。
你不用先学术语。先知道什么时候该叫 AI 上场,后面的提问就不会飘在空中。
这里不保存内容,也不替你做项目。你只要说一句现在的状态,它会建议今天先走哪一步。
先说出来,就已经开始了。
这句话会被收成一个更小的下一步。
如果想更稳,补一个观看对象。
这一步最想让对方看完做什么?
适合迷路时读一读;它不会保存内容,也不会替你跳走。
真正有用的提示词,通常包含五件事。少一两项也没关系,但你要知道缺了什么,下一轮才能补。
推荐开头:“我的目标是 ___,给 ___ 看。现在已有 ___,限制/口味是 ___。请先不要一次做完整项目:先问我 3 个必要问题,再输出 ___,格式用 ___。”
AI 协作本来就不是“一句话中奖”。更稳的节奏是:第一轮拿方向,第二轮补细节,第三轮只改一处并验收。
你要练的不是把第一句写完美,而是看见答案后能继续推进:哪里有用、哪里跑偏、下一轮让它改什么。
这比“写一个超长万能 prompt”更适合小白。你只要让对话保持在一个作品、一件任务、一个修改点上。
下面这些改写方式,会贯穿后面每一节。
第一,补对象:谁会看、她最关心什么、她看完要做什么。第二,补标准:你喜欢/不喜欢什么风格,哪里算成功。第三,补证据:截图、原文、报错、朋友反馈。
不要只说“更高级一点”“再优化一下”。这类词太虚,AI 很难判断。改成:“语气像发给朋友,不要像广告;标题短一点;手机第一屏先看到时间、地点和报名按钮。”
如果你在同一个聊天里混着问旅游、写作业、做网页,AI 很容易串台。做一个作品,就尽量开一个单独对话。聊到后面变乱时,说:“请总结我们当前定下的目标、对象、素材、风格、已完成内容和下一步。”
不用会提示词。把愿望先说出来,我帮你看见目标、对象和第一步输出。
先写一句也可以。
这会变成当前这一步的小任务。
如果想更稳,补一个观看对象。
这一步最想让对方看完做什么?
先写一句愿望,不需要像 prompt。
不用写完美。这不是考试答案,而是以后发给 AI 的工作说明。写得越像给人交代,AI 越容易帮你推进。
目标还没写下目标
对象还没写下对象
素材还没写下素材
第一步还没写下要 AI 输出什么
先把这张卡存下来。后面遇到任意 AI 工具,都可以先把它当作开场白。
你已经知道怎么把愿望交代成 AI 能执行的小任务。接下来我们不凭空想项目,而是找到那件你总要反复解释的事。
这不是一门“学编程”的课。它更像一份给纯小白的上手地图:先把害怕拆掉,再做出一个能跑的小东西。
屏幕弹一行红字,英文,看不懂,底下一句 Error: undefined。那一秒你不是"学不会"——
你是觉得我是不是根本不属于这里。姐妹,那一秒我也有过。
大白话说:你把想法讲清楚,AI 先做一版,你看哪里不对,再让它改。
你不负责背语法,你负责判断“这是不是我要的”。
↳ 下一节,我们把它缩成一个手机小页任务单。
是你带着 AI 一起做。主语永远是你。
我不让你"踏上旅程"。"旅程"太重,它默认你会坚持很久。
我的设定是:你今晚有 90 分钟,明天可能就忘了。
那就让今晚这 90 分钟,做出一个你愿意截图发朋友圈的小东西。
说一句最近反复解释、反复发送、反复被问的事情。我帮你抓出小页的起点。
先写一句也可以。
这会变成当前这一步的小任务。
如果想更稳,补一个观看对象。
这一步最想让对方看完做什么?
先写一句真实生活里的麻烦。
不用完整,也不用漂亮。先写下那件你总想让 AI 帮你做成网页的烦恼。它会成为后面所有练习的起点。
痛点还没写下那个痛点
给谁还没写下要给谁看
希望还没写下希望发生什么
写一点就好。之后我们可以把这张卡交给 AI,继续变成网页需求。
先别急着做完整网站。下一节只保留标题、说明、按钮和语气,把这件事压成 AI 能接住的任务单。
上一节你写下了“我总要解释的事”。这一节不急着做网页,先把它压成一个手机小页:标题、说明、按钮、语气。越小,Codex 越容易一次接住。
你不用一开始就想“我要做一个网站”。那太大了。你只要想:一个人点开手机页面,第一眼要知道什么?
第一季只做四块:标题、说明、按钮、语气。其它都先不要。
照着这四格填,后面就能直接拼成给 Codex 的第一句话。
不是背语法,也不是让 AI 替你做决定。你把需求说清楚,看结果,指出哪里不像,再让它改一处。今天这张任务单,就是你和 AI 协作的第一份“人话规格”。
按钮不一定要真的联网,也不一定要提交表单。第一版可以只是:点一下显示报名方式、复制微信号、显示下一步、给一句祝福。
它的作用是让页面从“说明文字”变成“可以互动的小东西”。
你可以说得很散。我帮你收成标题、说明和一个最小按钮动作。
先写一句也可以。
这会变成当前这一步的小任务。
如果想更稳,补一个观看对象。
这一步最想让对方看完做什么?
先说这个小页想让谁少问什么。
把上一节的痛点压成一张能交给 Codex 的任务单。后面 004 会直接用它生成第一版网页。
标题还没写下标题
说明还没写下说明
按钮还没写下按钮动作
这张任务单就是 004 给 Codex 的第一句 prompt 的原材料。
有了任务单,就该找一个能真正动手做文件的入口。概念听不清也没关系,补给站可以随时再看。
这一节不是让你装一堆程序员环境。我们只做一件事:确认你手上有一个能接住任务、能帮你改网页文件的 AI 编程工具。推荐走 Codex;如果暂时打不开,也有备用路线。
如果后面要真的做网页,你至少需要一个“会帮你动手做文件”的 AI 编程入口。只聊天、只问概念,是接不上第一版网页的。
但你今天不需要先理解 Node、Git、VS Code、终端、部署。那些是后面的梯子。现在只要确认:我能把一句需求交给 Codex 这类 AI coding 工具。
推荐路线是 Codex:它不是普通聊天框,而是能围绕项目文件工作、按你的需求生成和修改网页的 AI 工程搭子。后面“直接来个网页”,默认就是把任务交给这一类工具。
今天的合格线:你能打开一个入口,对它说“帮我做一个网页”,并且它愿意继续问你需求或给你下一步。做到这里,就能接上下一节。
“不痛”不是“什么都不准备”。它的意思是:先别把自己丢进程序员工具堆里。我们只确认一个最小入口:Mac 上能打开 AI 编程工具,手机上能看结果。
这些工具都能做 vibecoding,但适合的新手场景不一样。你不是在参加工具测评,你是在找一条今天能把需求交出去的路线。
推荐顺序:Codex 能打开就走 Codex;想先看漂亮界面可试 v0 / Bolt;账号和网络都不稳,就用普通 AI 生成单文件 HTML 保底。
不用证明自己“会配置环境”。选最像你今天的一格,照着下一步走。
当你做完一个东西,想发链接给朋友——这一级才用得到。今天只要能在 AI 编程入口里开始做,发布和同步可以等作品出现后再处理。
国内网络、账号、手机和电脑状态都可能不一样。不要卡在“我是不是不够专业”,先选一条今天真的能把需求交出去的路。
入口还没选今天的入口
备选还没写下备选方案
设备还没写下手边设备
如果网络或账号今天不顺,就按这张入口卡走,不和环境硬碰硬。
入口能打开就够了。下一节把任务单交给 Codex 或备用 AI,正式做出一个能看见、能点一下的小网页。
这节课只做一件事:把“我想做个东西”变成浏览器里真的出现的一个页面。它可以丑,可以粗糙,但必须能打开。
第一版只要满足三件事:用了你的任务单、有标题和说明、有一个按钮或者小互动。
别急着改颜色、字体、动效。第一版越简单,越容易让 AI 跟上你。
请帮我做一个给【谁】看的手机小页。它要说明【这件事】,按钮点一下会【发生什么】。整体感觉要【温柔/清爽/专业/可爱】。请先做成一个单文件 HTML,不要外部依赖,不要 npm,不要 GitHub,适合手机打开。
① 它能不能打开?
② 按钮点了有没有反应?
③ 这是不是大概像你要的?
如果答案是“差不多”,就进入下一步。不要在第一版就追求漂亮。
不要说“高级一点”“好看一点”。这类词太虚,AI 会乱猜。
换成:标题短一点、按钮圆一点、背景暖一点、文案像朋友说话一点。
最小闭环不是学会命令行,而是让一个文件在你电脑上跑起来,再用手机判断“别人能不能看懂”。
改之前先留一份:每次大改前复制一份旧文件,或者至少截一张图。AI 改坏了,也不会把你刚做出的第一版弄丢。
真正动手时,你只需要一段清楚的话。把 002 的任务单接进来,生成可以直接交给 Codex 的第一句 prompt。
对象还没写下观看对象
说明还没写下说明内容
按钮还没写下按钮动作
这张卡会把 002 的任务单变成第一句可复制给 Codex 的 prompt。
能跑之后,再谈“我的感觉”。下一节我们学会给 AI 风格反馈。
这节不讲新工具,只练一个能力:把“哪里不对”说清楚。你越会描述感受,AI 越能靠近你的品味。
很多人卡住,是因为只会说“我不喜欢”。这不够。
你要补一句:不喜欢哪里。比如:太像办公软件、颜色太冷、字太密、按钮太硬、文案太像客服。
保留功能不变。把页面改得更温柔、更像女生写给自己的小卡片:奶油色背景、樱桃红强调、文字少一点,按钮圆一点。不要科技感,不要大面积渐变,不要商务插画感。
这一点很重要:不要一次让 AI 改布局、颜色、文案、动效、功能。
一次只改一类。先改文案,再改颜色,再改布局。你会更容易判断到底是哪一步变好了。
不用说专业词。写下你不喜欢的感觉,我帮你收成下一轮具体修改。
先写一句也可以。
这会变成当前这一步的小任务。
如果想更稳,补一个观看对象。
这一步最想让对方看完做什么?
先写一个最明显的不对劲。
做出来以后,不要只说“怪怪的”。把不喜欢的地方、下一轮只改什么、怎么判断改好了写下来。
不像还没写下哪里不像
只改还没写下下一轮改什么
判断还没写下怎么判断
后面接真实 AI 时,这会变成一条非常清楚的修改指令。
你已经完成“能跑”和“像我”。下一节开始,我们让它被一个真实的人看见。
你已经有了一个能打开、能修改的小网页。现在的问题不是“我会不会部署”,而是:今天用哪种方式,让一个真实的人看见它。
零基础第一季里,分享不是工程考试。你不需要一上来就理解 GitHub、Cloudflare、域名、备案。
今天的目标更小:让一个人看到你的页面,并且知道它在解决什么。截图、录屏、临时链接,都算。
选择方式的时候,不看“哪个最专业”,只看“对方今天能不能顺利看到”。大陆网络环境里,稳定比漂亮更重要。
如果朋友在国内打不开某个海外托管链接,先把它归类成“访问路径问题”,不是“我不会做网页”。这时用截图或录屏继续验证内容。
“请帮我检查这个单文件网页是否适合分享。不要加复杂工具,只确认手机阅读、按钮反馈、文字换行没有问题。如果适合,请告诉我最简单的分享方式。”
这句话的重点是“不要加复杂工具”。我们先保护新手体验,不让 AI 把你带去装一堆东西。
写下你今天准备怎么让别人看到它。这个选择不需要永久正确,只需要今天走得通。
方式还没选择分享方式
对象还没写下观看对象
保底还没写下保底方式
这张卡会帮你记住:分享是验证,不是考试。
发出去之后,最重要的不是夸不夸你好厉害,而是她有没有看懂、愿不愿意点、哪里卡住。下一节我们学会收回有用反馈。
一个网页是不是真的有用,不是你盯着它看出来的,是别人第一次打开时给你的反应。今天只发给一个人,低压力地试一下。
先找一个对你温柔、愿意认真看的人。她不需要懂技术,只需要像真实用户一样打开一次。
你要收的不是“好厉害”,而是三件事:看懂了吗、想点吗、哪里不舒服。
可以这样发:“我用 AI 做了一个很小的网页,不用认真夸我哈哈。你帮我看一眼:标题懂不懂、按钮想不想点、哪里让你困惑?”
问题越少,对方越愿意回。也更容易把反馈交给 Codex 改下一版。
朋友可能会说很多:颜色、文案、按钮、排版、打不开。你先分一类,只选最影响理解的一条。
下一步不是“全部优化”,而是:把一条反馈翻译成一条给 AI 的修改指令。
反馈不用马上全改。先贴一句朋友说的话,我帮你看它指向哪一个改动。
先写一句也可以。
这会变成当前这一步的小任务。
如果想更稳,补一个观看对象。
这一步最想让对方看完做什么?
先贴一条真实反馈,不用解释很多。
把朋友说的话先记下来,不急着反驳,也不急着全改。真实反馈是你开始做产品感的第一步。
对象还没写下对象
反馈还没写下反馈
先改还没写下下一步
后面可以把这张反馈卡直接交给 AI,变成下一轮修改。
网页做出来、发出去,迟早会遇到空白、红字、打不开、朋友看不懂。最后一节,我们把“卡住”变成能交给 AI 的求助信息。
AI 会写错,网页会空白,链接会打不开,朋友也可能看不懂。这些都不是“我不行”。你只需要把现象、目标、刚才做了什么讲清楚。
网页出错时,新手最容易把问题归因到自己。但对 AI 协作来说,错误只是信息不够完整。
你要做的是补信息:我想做什么、我刚才做了什么、现在看到了什么、我希望下一步怎样。
分清类型,才不会把网络问题拿去改代码,也不会把朋友反馈当成技术故障。
把现场说一句,小教练先帮你分成网页、网络、账号或反馈问题,再决定要不要填急救卡。
先说出来,就已经开始了。
这句话会被收成一个更小的下一步。
如果想更稳,补一个观看对象。
这一步最想让对方看完做什么?
这里只做分诊;读完后你可以重写,或继续填下面的急救卡。
如果 AI、GitHub、Netlify、Cloudflare 或某个链接在国内网络下不稳定,不要立刻让 Codex 改代码。先换网络、换分享方式,或者回到截图/录屏保底。
“我想做的是:___。我刚才做了:___。现在看到:___。请不要重做整个网页,只告诉我下一步最应该改哪里,并给我一条可以直接复制的修改指令。”
最后那句很关键:不要重做整个网页。新手最需要的是下一步,不是十种可能性。
不要先怪自己。写下你本来想做什么、现在看到什么,我帮你分类。
先写一句也可以。
这会变成当前这一步的小任务。
如果想更稳,补一个观看对象。
这一步最想让对方看完做什么?
先描述现象,不需要判断原因。
把卡住的瞬间保存下来。它不是失败记录,而是一条能被 AI 继续处理的问题说明。
目标还没写下目标
现象还没写下现象
求助还没写下求助方式
这张卡就是以后接入真实 AI 求助时最小、最清楚的输入。
从痛点、需求、入口、第一版、修改、分享、反馈,到卡住时怎么求助——你已经不是“不会代码的人”,你是能带着 AI 做出东西的人。
在把任务交给 Codex 之前,先用最少的概念对齐一下:AI 像一个会理解和生成内容的能力,模型是这项能力背后的大脑,Agent 会带着目标动手做事,工作流是你和它一步一步配合的路线。
你可以先把 AI 想成一个特别会读题、会写草稿、会给建议的搭子。它能根据你给的话,生成文字、图片、代码或修改建议。
但它不是老板,也不是裁判。你仍然负责说清楚目标、判断结果是不是对、决定下一步要改哪里。
不用记专业解释,只要记住它们在这门课里的分工。
普通 AI 聊天更像问答和写草稿;Codex 这类 AI coding agent 更适合接住一个小任务,然后帮你生成、修改项目文件。你不需要先会代码,但需要给它清楚的小任务,并学会看结果、给反馈。
零基础最容易卡在一句话:我到底要怎么问?其实更稳的办法是按流程来:先写痛点,再缩成小页任务单,再交给 AI 做第一版,最后只反馈一个最想改的地方。
这就是 vibe-zero 的工作流:人负责目标和判断,AI 负责把小步任务做成可看的结果。
不用写标准答案。用自己的话说出来,后面遇到 Codex、模型、agent、工作流时就不会慌。
AI还没写下 AI 像什么
模型还没写下模型决定什么
Agent还没写下 agent 会做什么
工作流还没写下工作流
这张小抄不是考试答案,是你和 AI 协作前的地图。
这节只是帮你把名字分清。真正往前走,还是回到任务单和入口:让 AI 先做一版,再由你验收和反馈。
看到 AI 生图和 AI 视频很心动时,先别急着打开工具。先问一句:我现在要让别人更快看懂什么?如果一眼说明白,用图;如果要展示变化、动作、氛围,再用短视频。
你的网页已经能说明一件事,视觉支线只做一件小事:让别人第一眼更愿意看、愿意点、愿意转发。
如果你还没做出小网页,不建议先来这里。先完成第一季的 006 或 008,再回来补视觉会稳很多。
先把视觉任务压小。你不是开影视项目,只是在给已有小网页补一个更好懂的表达。
AI 视频更贵、更慢、失败率也更高。先用一张稳定图把主体、氛围、比例定住,再考虑让它轻轻动起来。
把这次视觉任务压成一个判断,而不是一口气学完所有工具。
任务还没写下视觉任务
误会还没写下误会点
选择还没做选择
这张卡会帮你决定下一步做图、做视频,还是先不加视觉。
我们不从模型排行榜开始,而是从“这张图要帮谁看懂什么”开始。
一张好图不是“漂亮就行”,而是让陌生人一眼知道:这是什么、给谁看、为什么值得点开。今天只做一张分享封面图。
你可以把它想成一个会画草稿的视觉搭子。你告诉它主体、场景、氛围、比例,它先给你一张能看的视觉草稿。
新手不要一上来追求“电影级、超真实、8K”。先追求:主体明确、手机上能看懂、和你的网页语气一致。
工具会变,但这四件事不会变。
可以从 ChatGPT Images、Ideogram、Adobe Firefly,或者你能稳定访问的国内生图工具开始。课程不绑定单一平台,重点是同一张任务卡能在不同工具里复用。
这不是咒语,而是一张给视觉搭子的拍摄小纸条。
对象还没写对象
表达还没写表达
避开还没写避开项
氛围还没写氛围
复制这张卡,就可以去任意生图工具里试第一版。
第一版经常不完美。会改一处,比会抽十张更重要。
AI 图常常“好看但不像你”。这时不要推翻重来,也不要说“高级一点”。今天只练一件事:保留方向,具体改一处。
“重新生成”很容易把刚刚好的部分也丢掉。更稳的方式是:先说保留什么,再说改掉什么。
比如:保留清爽色调和构图,改掉人物太网红、文字太广告、背景太复杂。
你不需要懂设计术语,但要能指出问题在哪一类。
让 AI 改图时,先保留方向,再改一处。
保留还没写保留项
改掉还没写修改项
更像还没写方向
这张卡适合复制给生图工具或普通 AI,让它帮你把反馈说具体。
图已经稳定后,视频才更可控。
AI 视频最适合新手的入口,不是长剧情,而是一个主体、一种氛围、一个轻微动作。今天先写一张短视频分镜卡。
它现在更擅长短镜头,不擅长长剧情稳定连续。新手先别写“一个女孩从咖啡馆走到海边再回头微笑”。
更稳的是:一张封面图,镜头慢慢推进,光影轻轻变化,产品缓慢旋转,纸张轻轻翻动。
课程里新手默认走图生视频。
推荐动作:镜头慢慢推进、光影流动、花瓣轻飘、产品缓慢转动、纸张轻轻翻页。复杂跑跳、多人互动、清晰文字和手部动作都更容易翻车。
只展示一个变化,不做剧情大片。
开始还没写开始画面
结束还没写结束画面
第一秒还没写第一秒
最后还没写最后一秒
这张卡可以复制给图生视频工具,也可以交给 AI 帮你改成更清楚的运动提示词。
我们不会试遍所有工具,只走一条能完成的路。
视频工具很多,失败也很多。今天不要陷入试工具,而是拿 V04 的分镜卡去做一次图生视频:能用就保存,不能用就留下保底方案。
可以尝试可灵、Vidu、Runway、Midjourney Video、Veo/Flow 或你能稳定访问的同类工具。课程不押注单一入口,因为账号、地区、额度、价格都会变。
判断标准很简单:能上传图、能写运动提示词、能导出到手机,就够第一步。
把视频发到手机上看,按三件事判断。
常见失败有五类:账号/网络失败、额度失败、生成质量失败、动作太复杂、审美方向不对。先分类,再决定换工具、缩小动作,还是退回封面图分享。
把这次尝试记录下来。下次不是从零开始,而是从这张卡继续改。
工具还没写工具
问题还没写问题
保底还没写保底方式
这张卡会帮你把工具失败和作品失败分开,不把所有问题都怪到自己身上。
真正的完成,不是素材很多,而是有人能看懂并回应。
你现在有网页,也可能有封面图和短视频。不要把它们变成素材收藏。今天只做一次真实分享:发给一个人,让她知道看什么、点哪里、怎么反馈。
第一,网页链接或截图。第二,一张封面图。第三,可选的 5-8 秒短视频。第四,一段给朋友看的说明文案。
如果链接打不开,就用截图/录屏保底;如果视频不可用,就用封面图保底。不要让一个工具失败拖垮整次分享。
你要发给谁,就按谁的场景准备。
把网页、图、视频和一句话说明放在一起,准备发给真实的人。
对象还没写对象
素材还没写素材
动作还没写希望动作
保底还没写保底方案
这张卡就是一次完整分享的打包清单。
你已经把一个小网页,变成了更容易被看见、看懂、回应的一次表达。下一步再进入“更像产品”的第二季。