零基础 Vibe Coding 迷你课 (二): 告别盲盒,打造让 AI 精准理解的完美提示词

当你兴致勃勃地开始尝试 Vibe Coding 时,是不是也曾有过这样的体验:整个过程感觉像是在开“盲盒”。AI 偶尔能超常发挥,瞬间给出完美的结果;但更多时候,它产出的东西总是和你心里想的不是一回事——要么界面简陋,要么功能不对。

当你兴致勃勃地开始尝试 Vibe Coding 时,是不是也曾有过这样的体验:整个过程感觉像是在开“盲盒”。AI 偶尔能超常发挥,瞬间给出完美的结果;但更多时候,它产出的东西总是和你心里想的不是一回事——要么界面简陋,要么功能不对。

这时,我们很容易会感到困惑:是不是 AI 的能力还不行?

其实,绝大多数时候,问题并非出在 AI 身上,而是出在我们给它的**提示词 (Prompt)**上。

📺 视频版:Vibe Coding不再开盲盒: 写出AI秒懂提示词

不想看文字?视频讲解在这里

在撰写提示词时,我们最常犯的错误就是过于模糊、笼统,或者使用一些容易产生歧义的主观形容词

比如,你告诉 AI:“帮我做一个漂亮的计算器”。

AI 收到的指令是“计算器”和“漂亮”。它能完美实现“计算器”的功能,但“漂亮”是什么?AI 没有读心术,它只能从数据库中选择一个最大众化、最通用的设计。结果,你得到的可能是一个功能正确但平平无奇的应用。

但是,如果我们换一种方式,给它一个更具体、充满想象力的描述,比如:“帮我做一个宝可梦风格的计算器”,结果可能就会惊艳很多。

一个更好的提示词,应该包含完整的结构详细的描述。这听上去似乎很复杂,但其实一点也不难,因为 AI 可以辅助你,你一定能做到。

这篇内容,作为我们“零基础 Vibe Coding 迷你课”的第二期,将带你一起探索如何写出更好的提示词,让 Vibe Coding 从“开盲盒”变成一项精准的创造活动。

本课实战项目:体感控制的复古敲砖块游戏

在本节课中,我们将一起实现一个有趣的项目——一个通过识别身体姿态来控制的复古敲砖块游戏。你可以用它来追溯童年的回忆,也可以连接到大电视上,和家里的孩子们一起玩耍,非常有趣。

为了帮助你更好地完成这个项目,以及未来你自己的项目,我为你准备了一个强大的“元提示词”。

你的 AI 编程提示词助手

这个特殊的提示词,可以将任何一个大语言模型,转变为你的“AI 编程提示词助手”。它会像一位专业的产品教练,通过对话一步步引导你,把你脑海中模糊的想法,梳理成一份结构清晰、内容详尽的完美提示词。

实战演示:从一个想法到可玩的游戏

下面,我将演示如何使用这个“AI 助手”来完成我们的敲砖块游戏项目。

第一步:启动你的 AI 助手

首先,下载下面这个“AI 编程提示词助手”的元提示词。

📎 下载附件:EP2 - AI Prompt Architect

下载后,把它复制到你最喜欢的 AI 聊天工具里(如 Gemini, ChatGPT, Claude 等)。它会立刻进入角色,并向你问好。

第二步:描述你的初步想法

现在,你就可以告诉它你想做什么了。我在这里将我对“体感敲砖块游戏”的初步想法,一股脑地告诉了它。

小技巧推荐: 在和 AI 对话时,可以尝试使用像 Wispr Flow这样的 AI 转录软件进行语音输入,这会大幅提高沟通效率,体验也更流畅。用这个链接注册可以获得一个月的免费Pro(我也可以得到免费Pro奖励,谢谢🙏)。

第三步:在 AI 的引导下,完善细节

AI 首先对我的想法进行了总结,然后提出了一系列非常具体的问题,帮助我完善游戏的设计细节,例如:

  • 游戏流程:当所有生命值都用完后会发生什么?
  • 计分规则:不同颜色的砖块分别值多少分?
  • 视觉风格:是像老式游戏机一样的“8位像素”复古风,还是现代一些的风格?

这些问题中,有些是我已经想到但忘记提及的,有些则是我之前完全没有考虑到的。通过依次回答这些问题,我对这个游戏的构想变得越来越清晰和完整。

第四步:生成并优化提示词

在充分讨论后,AI 表示已经准备好输出最终的提示词了。我选择了英文,因为对于 AI 编码来说,英文提示词的效果通常会更好一些(当然,选择中文也不会有太大差别)。

我们将 AI 生成的这份详细计划(可以看作是“AI 编码提示词”)保存到一个 plan.md 文件中。

📎 下载附件:plan

第五步:让 AI 开始编码

我打开我的编程工具(这里使用的是 VS Code + Claude),将 plan.md 文件提供给它,然后发出指令:“开始按照这个文件的计划,实现这个游戏”。

AI 很快生成了第一个版本。但在测试后,我发现游戏太难了,而且操控感很差。

第六步:迭代与优化

这就是 Vibe Coding 的魅力所在——迭代非常快速。我分析了原因,发现问题出在我最初的控制方案上(通过身体倾斜速度来控制移动)。我需要一个更直观的方案:用身体倾斜的角度,直接映射球拍在屏幕上的绝对位置

我把这个新的需求,连同一些降低难度的想法(比如减慢球速、增大球拍)告诉了我的“AI 助手”。它立刻理解了我的意图,并为我生成了一套更新后的提示词。

我回到 VS Code,删掉之前的文件,用新的提示词重新开始。

这一次,效果非常完美!游戏体验流畅,操控直观,我儿子甚至一次性就玩通了关。

📎 下载附件:index

解析AI生成的提示词结构

最后,我们一起来看看 AI 助手为我们生成的这份高质量提示词,它究竟包含了哪些部分:

  • 1. 项目概述 (Project Overview):
    • 包括应用名称、核心目标、目标用户和关键特性列表。这部分内容让 AI 对项目有一个宏观的理解。
  • 2. 模块逐步分解 (Step-by-step Module Breakdown):
    • 将整个应用拆分成独立的功能模块,并对每个模块提供详细的实现逻辑,有时甚至会包含伪代码示例。
  • 3. 优先顺序 (Priority Order):
    • 提供一个清晰的、分阶段的开发路线图,从最基础的功能(MVP - 最小可行产品)开始,确保项目能够稳步推进。
  • 4. UI 设计 (UI Design):
    • 将我们对“感觉”的描述(如“复古风”)具体化为对界面、布局、组件的详尽文字描述。
  • 5. 技术栈选择 (Technology Stack Selection):
    • AI 助手会根据项目需求,推荐一个最合适的技术方案,并给出选择理由。

如果你需要自己从零开始写提示词,这个结构可以为你提供一个绝佳的参考框架。


课程总结与课后练习

恭喜你!完成了我们“零基础 Vibe Coding 迷你课”的第二期。通过今天的学习,你已经掌握了如何将一个模糊的想法,打磨成一个高质量的提示词,让 AI 成为你创意的精准执行者。

下一期,我们将学习如何打造更复杂的、可以在真实世界中发布的 App。

今日作业:
用你今天学到的方法,和你的“AI 提示词助手”一起,构想并打造一个你个人感兴趣的游戏或者 App 吧!

欢迎在评论区里,晒出你的作品或你精心打磨的完美提示词。

我们下期再见。