VIBE CODING · 从看见到理解
把「我想要」，说清楚。
不用先会写代码。
看一个变化，认识一个概念。
同样让 AI 做网页，为什么结果差这么多？
本节认识：先理解：你与 AI 各自做什么
动手看看 ↘
点一下「突出主要按钮」，看看右侧哪里变了。
你说一句，
界面变一种。
点击下面的需求，比较表达带来的变化。
“放上姓名、日期和预约按钮。”
原来是这样
“做个预约页”给出任务；“把主按钮变醒目”补上细节。你不必一开始就说完，先看结果，再逐次补充。
像开一家店：先决定服务谁，再搭好店面、入口和办事流程。
我想照着做，展开具体步骤操作步骤 · 可复制的描述 · 检查标准
这一步怎么做
- 先选一个你能亲自验证的小目标，例如预约表单。
- 让 AI 实现一版，打开页面实际操作。
- 指出具体问题，再检查修改结果。
这里的 Vibe Coding 入门围绕与 AI 编程工具协作展开：描述目标，让 AI 实现，打开预览亲手试用，再根据结果提出修改。生成出来不等于已经正确，仍要检查交互、数据和实际效果。本站帮助你认识界面、学会表达，不提供内置 AI 编程功能。
我想做一个预约页面。请先列出页面组成和用户操作流程，再实现可以本地预览的前端版本。暂不接入真实预约服务。
做到什么程度
你能说出谁使用页面、要完成什么，以及哪些结果只是演示。
常见误区
把“生成成功”当成“功能已经正确”。