302 AI Studio

使用技巧

掌握这些技巧,让你的 Vibe Coding 体验更加高效顺畅。


提供清晰的需求描述

越清晰的需求,AI 生成的代码越准确。好的提示词应该包括:

  • 功能描述 - 你想要实现什么功能
  • 参考示例 - 类似的产品或设计参考
  • 技术偏好 - 如果有特定的技术栈要求

示例提示词

根据这篇文章的流程和提示词
https://mp.weixin.qq.com/s/xxx

使用这个 API
https://doc.302.ai/xxx

参考 Figma 的界面,制作一个 PPT 生成器
功能有自动生成大纲,自动生成 PPT 内容
API KEY 由用户在界面上输入,自动缓存到本地

善用截图反馈

遇到问题时,直接截图发给 AI 是最高效的沟通方式。

AI 能够理解:

  • 截图中的错误信息
  • 界面布局问题
  • 样式显示异常
  • 功能不符合预期的情况

并给出针对性的修复方案。


分步迭代

复杂的项目不需要一步到位。推荐的迭代流程:

搭建基础框架

先让 AI 创建项目的基本结构和核心功能。

逐步添加功能

一个一个地添加功能模块,每次添加后验证效果。

优化和美化

功能完成后,再进行界面优化和细节打磨。


利用 API 调试台

在开发过程中,你可以要求 AI 添加调试台功能,方便查看 API 调用情况和返回结果,快速定位问题。

示例提示词:

需要增加一个 API 调试台,我可以看到都调用了哪些 API,是否有返回

更多Vibe Coding作品展示

下面是更多使用302.AI客户端Vibe出来的应用站点

3D摄影棚

https://3d-camera.302.ai/

Nano-Banana MD

https://nano-banana-md.302.ai/

Nano-Banana PPT

https://nano-banana-ppt.302.ai/


常见问题

目录