Core Features
This article provides a detailed introduction to the core features of 302 AI Studio Vibe Coding mode, helping you fully leverage its power.
What is Vibe Mode?
Vibe Mode is based on Claude Code technology, which encapsulates powerful AI programming capabilities in a cloud sandbox. You don't need to know any programming language—just describe what you want in natural language, and AI will implement it for you.
Getting Started
Configure Sandbox Environment
If configuration is needed, click the gear button next to "Vibe Mode" to configure. After configuration is complete, click "Start" to launch the Claude Code sandbox.
Start Coding
Once the sandbox is launched, you can directly describe your needs in natural language, and AI will automatically generate code, create projects, and even deploy them online.
At this point, you're fully prepared for Vibe Coding—truly achieving zero configuration, ready to use out of the box.
Important Notes
Account Balance
Vibe Mode requires sufficient account balance to run the cloud sandbox. Please ensure your 302.AI account has enough balance, or top up first.
Pricing Details
The 302.AI client follows 302's consistent pricing model: Pay-as-you-go
The Claude Code sandbox cost consists of 2 parts:
- Sandbox runtime cost: $0.0005/second
Billing is calculated based on the model's actual runtime. The sandbox is not charged during idle periods. For example, if the model's actual usage time is 5 minutes, the cost would be 5600.0005 PTC, approximately 1 RMB.
- LLM call cost: Charged based on the model being called.
You can use 302.AI's custom model feature to use third-party platform models, which means no model charges.
For detailed pricing information, please refer to Pricing.
🖥️ Real-time Preview
Click "Open Agent Preview" in the upper right corner of the conversation window to preview your work in real-time while AI is coding.
This feature allows you to:
- View code execution results in real-time
- Take screenshots and provide immediate feedback
- Communicate efficiently with AI for iterative improvements
Multiple Preview Modes
The preview window supports three view modes that can be switched at any time:
| Preview | Files | Terminal | |
|---|---|---|---|
| Description | View application running effects in real-time | Browse and view project file tree structure | View command execution output and running logs |
| Screenshot |  |  |  |
Usage Tips
When encountering interface issues, taking a screenshot and sending it to AI is the most efficient way to communicate. AI can understand error messages and interface problems in screenshots and provide targeted solutions.
☁️ Cloud File Sync
In the "Files" menu, you can:
| Feature | Description |
|---|---|
| Upload Files | Upload reference images, design drafts, and other materials for the model to use |
| Download Project | Download completed project files to local storage |
| Persistent Storage | Cloud data is persistently saved, enabling multi-device synchronization |
Project files are stored in the cloud, allowing you to continue your work on different devices.
🎯 Pre-installed Claude Skills
If Claude Code is a secret agent, then Claude Skills are the various high-tech tools it carries.
Traditional local installation requires you to find code, read documentation, modify configuration files, and handle dependency errors. 302 AI Studio comes pre-installed with the most practical official Skills—the moment you open the sandbox, your Claude is already "fully equipped," ready to use out of the box, starting with maximum configuration.
Pre-installed Skills Include
- Frontend design best practices
- Code standards and style guides
- Common framework usage guides
- More practical skills...
🔔 Desktop Notifications
When Vibe Mode is in an inactive state (window minimized or switched to other tabs without running tasks), the system automatically sends desktop notifications when tasks are completed. You can focus on other work with confidence, knowing AI will notify you promptly when done.
You need to enable the "Enable System Notifications" option in "Settings" - "Vibe Mode" to receive notifications.
🚀 One-Click Deployment
We've bridged the "last mile" of Vibe Coding for you.
Click the "Deploy" button to intelligently deploy your project—whether it's a simple static single page or a complex frontend application—to the public network with one click.
Deployment Features
- No Server Required - No need to purchase or configure servers
- No Domain Required - Automatically generates access links
- Instant Online - Click to deploy, online in seconds
- Persistent Hosting - Continuously accessible after deployment
Deployment Costs
Static websites deployed are hosted on the 302.AI platform, currently provided free of charge.
