Getting Started with Vibe Coding Using Antigravity

Sharing Your Interactive App With the World

Now… how do we let others, including students use this app? 

Step 1: Let the Agent Bundle Your Code

Google Apps Script is the perfect distribution platform for a school environment, but it handles files a bit differently than a standard web server. Instead of separate files for styling and logic, it works best when the CSS and JavaScript are embedded directly into the HTML file.

Go back to your Antigravity conversation panel and paste this quick prompt:

“Please bundle the index.html, style.css, and app.js files from our project into a single, unified index.html file appropriate for a Google Apps Script Web App deployment, putting the CSS in style tags and the JavaScript in script tags. Also, provide a simple Code.gs file with the standard doGet() function.”

The agent will autonomously package everything together, giving you two clean blocks of code to copy.

Step 2: Set Up the Google Apps Script Project

1. Open your web browser and go to script.google.com.

2. Click the New Project button in the top left corner.

3. Click on the title “Untitled project” at the top and give it a catchy name, like Interactive Math Graphic Organizer.

4. In the left sidebar, you will see a default file called Code.gs. Click it, delete any text inside, and paste the Code.gs script provided by the Antigravity agent.