What is “Vibe Coding”?
Some days you just want to code without overthinking setup — no wrestling with config files, no context-switching between docs, no breaking your rhythm. That’s vibe coding — where the tooling fades away and you can just create.
Recently, I’ve been experimenting with a powerful combo:
Windsurf (a lightning-fast AI-powered IDE) + Google AI Studio (prompt engineering & generative AI from Gemini).
It’s been a game-changer.
Why Windsurf?
Windsurf is a next-gen IDE from the Codeium team — imagine VS Code’s familiarity, but infused with native AI and blazing speed.
Key highlights:
- Zero setup friction — works out of the box
- Smart completions & refactorings powered by Codeium AI
- Very fast — no waiting for suggestions to catch up
- Multi-file context — AI can understand your whole repo
Perfect for when you want to iterate fast and stay in the zone.
Why Google AI Studio?
While Windsurf helps inside your code, Google AI Studio helps before you code.
Use it to:
- Prototype ideas — generate boilerplate, brainstorm solutions
- Design better prompts for your AI assistant
- Analyze text, logs, or data
- Access Gemini models easily
Think of it as your AI sketchpad — get quick answers, refine them, and bring back the output into your coding session.
The Workflow — Vibe Coding in Action
1. Ideate & Draft in AI Studio
Before touching the repo, I’ll hop into Google AI Studio:
- Draft an API call structure
- Generate test scenarios for a feature
- Brainstorm edge cases for user flows
Generate test cases for a login page with email, password, OTP, and SSO support.
Studio gives me a clean, structured list I can drop into my Playwright/Cucumber tests.
2. Switch to Windsurf for Implementation
Open Windsurf, and let AI help me:
- Scaffold files & folders
- Suggest Playwright selectors
- Refactor async code
- Auto-complete repetitive test cases
await expect(this.page.locator(loc.damLogo)).toBeVisible({ timeout: 30000 });
Need to debug? Just ask the AI inside Windsurf what’s wrong — no context lost.
3. Iterate Without Losing Flow
- Stay in Windsurf to tweak logic, run tests, and refactor.
- If something needs deeper exploration (prompt optimization, text transformation), jump back to AI Studio.
- Copy/paste refined prompts or outputs back into your code or docs.
Quick Wins from This Setup
- Rapid prototyping: Build a POC in hours, not days.
- Better testing: AI-generated scenarios and easy script completion.
- Cleaner code: AI-driven refactors that respect your context.
- Creative problem solving: Use AI Studio to think through tricky flows before you code.
TL;DR
- Use Google AI Studio as your brainstorming and AI sandbox
- Code with Windsurf for an ultra-fast, AI-augmented IDE experience
- Stay in flow — fewer distractions, faster iteration, cleaner output
Try it out:
Curious — what’s your vibe coding stack? Drop your setup or hacks in the comments.
Top comments (0)