【Codex + Deepseek】第 2 篇：什么是 vibe coding：自然语言驱动开发的真实含义

第一阶段：认知与工作流

第 2 篇：什么是 vibe coding：自然语言驱动开发的真实含义

vibe coding 可以理解为：用自然语言和 AI 一起完成开发。

它不是随便聊天，而是把你的想法一步步说清楚，让 AI 能理解、执行和修正。

你不需要先懂什么

这一篇不要求你会写代码。

我们只讨论一件事：什么样的表达，才适合交给 AI。

自然语言不是随便说

很多人第一次使用 AI 编程，可能会这样说：

text 复制代码

帮我做一个好用的待办工具。

这句话不是不能用，但它太模糊了。

AI 不知道什么叫"好用"，也不知道你想给谁用，更不知道第一版要做到什么程度。

稍微好一点的表达是：

text 复制代码

帮我做一个可以记录任务的待办工具。

这比刚才清楚了一点，但还是不够。更适合 AI 的表达应该是：

text 复制代码

我想做一个个人待办工具。
第一版只需要新增任务、标记完成、删除任务。
暂时不做登录、提醒和团队协作。
请先帮我拆成开发任务，并给出验收标准。

你会发现，这段话并不复杂，只是多说清楚了四件事：

给谁用
第一版做什么
第一版不做什么
怎样判断完成

这就是 vibe coding 的基本功。

（配图说明：一张"模糊想法逐步变清晰"的阶梯图。每一级分别是"模糊想法、目标用户、第一版功能、暂不实现、验收标准、可执行任务"。）
#mermaid-svg-F52ZoKqwmDQ3dONZ{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg-F52ZoKqwmDQ3dONZ .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg-F52ZoKqwmDQ3dONZ .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg-F52ZoKqwmDQ3dONZ .error-icon{fill:#552222;}#mermaid-svg-F52ZoKqwmDQ3dONZ .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-F52ZoKqwmDQ3dONZ .edge-thickness-normal{stroke-width:1px;}#mermaid-svg-F52ZoKqwmDQ3dONZ .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-F52ZoKqwmDQ3dONZ .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-F52ZoKqwmDQ3dONZ .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg-F52ZoKqwmDQ3dONZ .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-F52ZoKqwmDQ3dONZ .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-F52ZoKqwmDQ3dONZ .marker{fill:#333333;stroke:#333333;}#mermaid-svg-F52ZoKqwmDQ3dONZ .marker.cross{stroke:#333333;}#mermaid-svg-F52ZoKqwmDQ3dONZ svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-F52ZoKqwmDQ3dONZ p{margin:0;}#mermaid-svg-F52ZoKqwmDQ3dONZ .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg-F52ZoKqwmDQ3dONZ .cluster-label text{fill:#333;}#mermaid-svg-F52ZoKqwmDQ3dONZ .cluster-label span{color:#333;}#mermaid-svg-F52ZoKqwmDQ3dONZ .cluster-label span p{background-color:transparent;}#mermaid-svg-F52ZoKqwmDQ3dONZ .label text,#mermaid-svg-F52ZoKqwmDQ3dONZ span{fill:#333;color:#333;}#mermaid-svg-F52ZoKqwmDQ3dONZ .node rect,#mermaid-svg-F52ZoKqwmDQ3dONZ .node circle,#mermaid-svg-F52ZoKqwmDQ3dONZ .node ellipse,#mermaid-svg-F52ZoKqwmDQ3dONZ .node polygon,#mermaid-svg-F52ZoKqwmDQ3dONZ .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-F52ZoKqwmDQ3dONZ .rough-node .label text,#mermaid-svg-F52ZoKqwmDQ3dONZ .node .label text,#mermaid-svg-F52ZoKqwmDQ3dONZ .image-shape .label,#mermaid-svg-F52ZoKqwmDQ3dONZ .icon-shape .label{text-anchor:middle;}#mermaid-svg-F52ZoKqwmDQ3dONZ .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg-F52ZoKqwmDQ3dONZ .rough-node .label,#mermaid-svg-F52ZoKqwmDQ3dONZ .node .label,#mermaid-svg-F52ZoKqwmDQ3dONZ .image-shape .label,#mermaid-svg-F52ZoKqwmDQ3dONZ .icon-shape .label{text-align:center;}#mermaid-svg-F52ZoKqwmDQ3dONZ .node.clickable{cursor:pointer;}#mermaid-svg-F52ZoKqwmDQ3dONZ .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg-F52ZoKqwmDQ3dONZ .arrowheadPath{fill:#333333;}#mermaid-svg-F52ZoKqwmDQ3dONZ .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-F52ZoKqwmDQ3dONZ .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-F52ZoKqwmDQ3dONZ .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-F52ZoKqwmDQ3dONZ .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg-F52ZoKqwmDQ3dONZ .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-F52ZoKqwmDQ3dONZ .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg-F52ZoKqwmDQ3dONZ .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-F52ZoKqwmDQ3dONZ .cluster text{fill:#333;}#mermaid-svg-F52ZoKqwmDQ3dONZ .cluster span{color:#333;}#mermaid-svg-F52ZoKqwmDQ3dONZ div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-F52ZoKqwmDQ3dONZ .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg-F52ZoKqwmDQ3dONZ rect.text{fill:none;stroke-width:0;}#mermaid-svg-F52ZoKqwmDQ3dONZ .icon-shape,#mermaid-svg-F52ZoKqwmDQ3dONZ .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-F52ZoKqwmDQ3dONZ .icon-shape p,#mermaid-svg-F52ZoKqwmDQ3dONZ .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg-F52ZoKqwmDQ3dONZ .icon-shape .label rect,#mermaid-svg-F52ZoKqwmDQ3dONZ .image-shape .label rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-F52ZoKqwmDQ3dONZ .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#mermaid-svg-F52ZoKqwmDQ3dONZ .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#mermaid-svg-F52ZoKqwmDQ3dONZ :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;} 模糊想法
说明用户
说明第一版功能
说明暂时不做什么
说明验收标准
AI 可以执行的任务

为什么要这样麻烦

因为 AI 很会补全。你没有说清楚的地方，它会自己补。

有时候补得不错，有时候补得很偏。

比如你只说"做待办工具"，AI 可能会顺手加登录、团队协作、日历、提醒、数据同步。

看起来很完整，但对初学者来说，这会让项目一下子变复杂。

好的 vibe coding，不是让 AI 猜，而是让 AI 在你给出的边界里工作。

读完就做

把下面这句话改写成更适合 AI 执行的任务：

text 复制代码

帮我做一个网站。

至少补充：

网站给谁看
第一版做什么
第一版不做什么
怎样算完成

本文小结

vibe coding 是自然语言驱动的 AI 协作开发。
自然语言要清楚，不是随便说。
需求越模糊，AI 越容易自行发挥。
初学者要先学会把想法说清楚。

下一篇，我们来看看为什么初学阶段要先固定 DeepSeek + Codex 这一条主线。