核心功能
本文详细介绍 302 AI Studio Vibe Coding 模式的核心功能，帮助你充分发挥它的威力。
什么是 Vibe 模式？
Vibe 模式基于 Claude Code 技术，将强大的 AI 编程能力封装在沙盒环境中。你不需要懂任何编程语言，只需用自然语言描述你想要的功能，AI 就会帮你实现。
302 AI Studio 提供三种运行版本，可在 Vibe 模式的配置弹窗中切换选择：
| 版本 | 特性 |
|---|---|
| 云沙盒版 | 零配置，开箱即用 |
| 云主机版 | 专属实例，持久运行 |
| 本地版 | 本地部署，免费使用 |
开启步骤
至此，你已做好全部 Vibe Coding 的准备——真正实现 零配置，开箱即用。
注意事项
账户余额
Vibe 模式需要一定的账户余额来运行沙盒。请确保你的 302.AI 账户有足够的余额，或先进行充值。
费用说明
云沙盒版费用
Claude Code 的沙盒，由 2 部分的费用相加组成：
- 沙盒运行费用：0.0005 美金/秒
计时会按照模型实际运行时间计算，沙盒闲置期间不收费。比如模型的实际使用时间以 5 分钟计算，成本即为 5×60×0.0005 PTC，约 1 RMB。
- LLM 调用费用：根据调用的模型来收费。
可以使用 302.AI 的自定义模型功能，使用第三方平台的模型，这样模型也就不收费了。
云主机版费用
云主机版为按月订阅服务，费用为 20 PTC / 月，支持自动续费。
本地版费用
本地版完全免费，仅需在本地安装 Docker / Podman 环境即可使用。
详细费用说明请参考 计费说明。
🖥️ 实时预览
点击对话窗口右上角「打开 Agent 预览」，在 AI 编码时即可同屏预览作品效果。
这个功能让你可以：
- 实时查看代码运行效果
- 即时截屏反馈修改意见
- 与 AI 进行高效的迭代沟通
多种预览模式
预览窗口支持三种视图模式，可随时切换：
| 预览 | 文件 | 终端 | |
|---|---|---|---|
| 说明 | 实时查看应用运行效果 | 浏览和查看项目文件树结构 | 查看命令执行输出和运行日志 |
| 效果图 |  |  |  |
使用技巧
遇到界面问题时，直接截图发给 AI 是最高效的沟通方式。AI 能够理解截图中的错误信息、界面问题，并给出针对性的修复方案。
☁️ 云端文件同步
在「文件」菜单中，你可以：
| 功能 | 说明 |
|---|---|
| 上传文件 | 上传参考图、设计稿等素材供模型调用 |
| 下载项目 | 完成后的项目文件可下载至本地 |
| 持久保存 | 云端数据持久保存，实现多终端同步 |
项目文件存储在云端，你可以在不同设备上继续你的工作。
🎯 预装 Claude Skills
如果说 Claude Code 是一位特工，那么 Claude Skills 就是它携带的各类高科技工具。
传统的本地安装需要你去找代码、读文档、改配置文件、处理依赖报错。而 302 AI Studio 直接预装了最实用的官方 Skills——当你打开沙盒的那一刻，你的 Claude 就已经「神装」在身，开箱即用，起步就是满配。
预装的 Skills 包括
- 前端设计最佳实践
- 代码规范与风格指南
- 常用框架使用指南
- 更多实用技能...
🔔 桌面通知
当 Vibe 模式处于非活跃状态（窗口最小化或切换到其他标签页）时，任务执行完成会自动发送桌面通知提醒你。你可以放心处理其他工作，AI 完成后会及时通知。
需要在「设置」-「Vibe 模式」中启用「启用系统通知」选项才能接收通知。
🚀 一键部署上线
我们为你打通了 Vibe Coding 的「最后一公里」。
点击「部署」按钮，即可将你的项目——无论是简单的静态单页还是复杂的前端应用——一键智能部署至公网。
部署特点
- 无需服务器 - 无需购买或配置服务器
- 无需域名 - 自动生成访问链接
- 即时上线 - 点击即可部署，秒级上线
- 持久托管 - 部署后持续可访问
部署费用
部署后的静态网站托管在 302.AI 平台，目前免费提供。
