Environment Setup Guide
Preparing your cockpit for Vibe Coding. How to configure Google AI Studio and Antigravity IDE.
Throughout this playbook, we will be using a combination of Google AI Studio for high-level architectural brainstorming and Antigravity IDE for autonomous local execution. Let's set them up.
Phase 1. Google AI Studio & API Keys
Google AI Studio provides access to the Gemini 1.5 Pro model, which boasts a massive 2-million token context window. This is critical for pasting your entire codebase or a 50-page API documentation PDF in one go.
- 1. Navigate to aistudio.google.com.
- 2. Sign in with your Google account.
- 3. Click "Get API Key" in the left sidebar and generate a new key.
- 4. Store this key safely; you will need it for the IDE.
💡 Tip: In the AI Studio Playground, always use the "System Instructions" box to define the agent's persona. For example: "You are an expert React architect focusing on modularity and performance."
Phase 2. Installing Antigravity IDE
While AI Studio is great for planning, you need a local agent to execute the code. Antigravity IDE allows the AI to autonomously write files, run npm commands, and debug terminal errors.
- • Download the latest release from the official repository.
- • Open the application and navigate to Settings.
- • Paste the Gemini API Key you generated in Phase 1.
- • Open your project folder to grant the agent workspace access.
Phase 3. The Orchestration Workflow
The secret to successful vibe coding is separating "Planning" from "Execution":
1. Planning (AI Studio)
Discuss architecture, figure out database schemas, and let the AI generate a step-by-step implementation plan (e.g., `plan.md`).
2. Execution (Antigravity)
Hand the `plan.md` to the local IDE agent. Tell it: "Read the plan and execute steps 1 through 3." Watch it write the code and run the terminal.