使用技巧
掌握这些技巧,让你的 Vibe Coding 体验更加高效顺畅。
提供清晰的需求描述
越清晰的需求,AI 生成的代码越准确。好的提示词应该包括:
- 功能描述 - 你想要实现什么功能
- 参考示例 - 类似的产品或设计参考
- 技术偏好 - 如果有特定的技术栈要求
示例提示词
根据这篇文章的流程和提示词
https://mp.weixin.qq.com/s/xxx
使用这个 API
https://doc.302.ai/xxx
参考 Figma 的界面,制作一个 PPT 生成器
功能有自动生成大纲,自动生成 PPT 内容
API KEY 由用户在界面上输入,自动缓存到本地善用截图反馈
遇到问题时,直接截图发给 AI 是最高效的沟通方式。
AI 能够理解:
- 截图中的错误信息
- 界面布局问题
- 样式显示异常
- 功能不符合预期的情况
并给出针对性的修复方案。
分步迭代
复杂的项目不需要一步到位。推荐的迭代流程:
利用 API 调试台
在开发过程中,你可以要求 AI 添加调试台功能,方便查看 API 调用情况和返回结果,快速定位问题。
示例提示词:
需要增加一个 API 调试台,我可以看到都调用了哪些 API,是否有返回更多Vibe Coding作品展示
下面是更多使用302.AI客户端Vibe出来的应用站点
3D摄影棚

Nano-Banana MD
https://nano-banana-md.302.ai/

Nano-Banana PPT
https://nano-banana-ppt.302.ai/

常见问题
- 将错误信息或截图发送给 AI
- 描述期望的行为
- 让 AI 进行修复
- 明确描述当前行为
- 详细说明期望的行为
- 如果有参考,提供参考链接或截图
- 提供具体的样式要求(颜色、字体、布局等)
- 或提供设计参考图
- 让 AI 按照要求调整