- Vibe Coding - Home
- Vibe Coding - Overview
- Vibe Coding - Process
- Vibe Coding vs Traditional Programming
- Vibe Coding - Effective Prompts
- Vibe Coding - Product Requirement and Design
- Vibe Coding - Vibe Coding Tools
- Vibe Coding - Using Google AI Studio
- Vibe Coding - Using Firebase Studio
- Vibe Coding - Using Gemini Code Assist
- Vibe Coding - Using Claude AI
- Vibe Coding - Using Copilot
- Vibe Coding - Using Replit
- Vibe Coding - Pitfalls and Solutions
- Vibe Coding - Creating a Sample Project
Vibe Coding Useful Resources
Vibe Coding - Tools
Various companies provides tools for vibe coding. Most popular one are by Google, Microsoft, OpenAI and many more. In this section, we're discussing the tools provided by Google under its Cloud Offering.
Google AI Studio − Ideal for creating a prototype. For example, Open Google AI studio and mention in prompt to create an online tuition classes for mathematics for class 12th for CBSE students. Google AI Studio will process the request and create a prototype website. Being prototype, backend is generally not available. Support is available to deploy the website over cloud and share with stakeholders. You can even download the source code and run locally.
Firebase Studio − Ideal for creating a full stack application having firebase as backend. For example, Open Firebase Studio and mention in prompt to create an online store for agricultural spare parts.
Gemini Code Assist − Ideal for developers/ data scientist who want to write a script or particular code snippet.
Difference between Various Tools
Following are some of the notable differences between above tools−
| Sr.No. | Tool | Start | Skill(s) Required | Feature |
|---|---|---|---|---|
| 1 | Google AI Studio | Any idea which you need to showcase | No coding experience needed. | Generates prototype for a single prompt. Provides option to deploy in one click. One of the fastest tool to bring an idea to sharable prototype application. |
| 2 | Firebase Studio | To Create a Full Stack Application | Some coding experience especially to customize the application code generated. | Generates full stack application with firebase as backend. Database, user authentication, networking can be added easily. |
| 3 | Gemini Code Assist | To Update an existing project or file | Proficient, professional coding experts | Provides in-editor assistance. Integrates well with existing IDEs. Generates code, provides explanation and even can test the code within the IDE. |