PTENES
MODULE 1.3

⚙️ Complete environment setup

Hands-on: install everything you need, understand the interface, import a project, and see it running on localhost. By the end of this module, your environment is ready for your first app.

8
Topics
55
Minutes
Basic
Level
Practical
Type
1

⬇️ Install AntiGravity

The simplest concrete first step is to download the AntiGravity from the official site — antigravity.google — and install it like any other application on your computer.

🧭 Main concept

There’s no secret here. It’s a program that runs on your machine, like a text editor or a browser. Download it from the official source, open the installer, and follow the steps.

  • •Go to the official site (antigravity.google)—avoid third-party links.
  • •Download the version for your system (Windows, macOS, or Linux).
  • •Install and open it — it’s the same workflow as any app.
1 · Official website antigravity.google 2 · Download the installer 3 · Open on your machine
Official

antigravity.google

Download

your system

Install

like any app

Open

and done

2

⚙️ Install Node.js

O Node.js is the “engine” that lets AI create and run projects at your computer’s level. Download it from nodejs.org. Without it, most apps simply won't run locally.

✓ With Node.js installed

  • ✓AI can run the project on your machine
  • ✓You install app dependencies
  • ✓localhost works as usual

✗ Without Node.js

  • ✗Most apps don’t start locally
  • ✗Installation commands fail
  • ✗You get stuck on the very first project

💡 Practical tip

On nodejs.org, choose the version LTS (long-term support): it’s the most stable and recommended for most people. After installing, just reopen AntiGravity.

Engine

run the project

nodejs.org

official source

LTS

stable version

Prerequisite

to run locally

3

🐙 GitHub: Repositories

O GitHub is where project files are stored and versioned. Each project lives in a repository (or “repo”). That’s where you import ready-made code from—and where you’ll publish your own later.

🌍 Public repository

  • •Anyone can view and import
  • •Great for templates and examples
  • •You can learn a lot by reading open-source code

🔒 Private Repository

  • •Only you (and anyone you invite) can access it
  • •Ideal for your own projects or clients’ projects
  • •Same structure, restricted visibility

🟢 The green "Code" button

In any repository, the green button "Code" reveals the Repo URL. This is the URL you'll paste into AntiGravity to import the project. Remember this reflex: "Code" → copy URL.

Repo

stores the project

Version control

file history

Public × private

who sees it

“Code” button

provides the URL

4

📥 Import Project + Localhost

With the repo URL in hand, the process is straightforward: you paste the URL and ask the agent to import it. Then ask it to run, and the project runs at a local address (localhost:porta) that only you can see.

1

Bring in the code

Paste the repository URL and ask the agent to import the project to your machine.

2

Run

Ask the agent to start the project. It installs what’s needed and gets things going.

3

View on screen

It runs at a local address, like localhost:3000. Open it in your browser and see the app working — only on your machine.

🌐 What is “localhost”

"localhost" is your own computer acting as a server. The door (e.g., 3000, 5173) is just the "channel" where the app is listening. It's a private address: nobody on the internet can see it, only you.

Paste URL

of the repo

Import

brings the code

Run

gets things started

localhost

only you can see

5

⌨️ The terminal / CLI

O terminal (also called CLI, or “command-line interface”) is how you talk to the computer by text, instead of clicks. Many actions—installing things, running commands, building—happen there.

examples of terminal commands
npm install      # instala o que o projeto precisa
npm run dev      # roda o projeto em modo de desenvolvimento
node --version   # mostra a versão do Node.js instalada

The good news: in the agentic workflow, most of the time it’s the agent who types these commands for you. But understanding that the terminal exists—and that it’s just “the computer listening to text”—takes away the fear when you need to paste a command manually.

💡 Practical tip

Don’t memorize commands. When you need one, ask the agent: "what command should I run for [goal]?" The terminal stops being intimidating when you treat it as just another channel for conversation.

Text

don’t click

Install

and run builds

Agent types

for the most part

No fear

is just conversation

6

🧠 Choose the model for each task

AntiGravity lets you choose the AI model that you’ll work with. The practical rule is simple: use a strong model for design for layout, and a strong one in reasoning/code for logic and troubleshooting.

TaskIdeal modelWhy
Build the layout / visualsstrong at designpay close attention to the appearance and aesthetic taste
Logic and functionalitystrong at reasoningsolve complex, linked problems
Hunt down and fix bugsstrong at codingreads the error and suggests the right fix

💡 Practical tip

For ongoing professional use, a paid plan handles the volume—you can run more tasks without hitting limits. Start for free to get a feel for the tool; upgrade your plan when your usage warrants it.

Design

for layout

Reasoning

for logic

By task

swap as needed

Paid plan

handles volume

7

🖥️ The interface

It’s worth getting to know the four main areas of the screen. You don’t need to memorize anything — just know where everything is so you don’t get lost when you start building.

1

Command panel

Where you talk to the agent and ask for what you want. It’s the heart of the workflow.

2

File navigation

The list of project folders and files. Useful for seeing what AI created and where.

3

"Publish to GitHub"

A shortcut to send your project to a repository when it’s ready.

4

Agent Manager

Manages several agents and projects at the same time — you aren't stuck in a single conversation.

📂 Create your workspace

To start a workspace, use File → Open Folder and point to the project folder. That’s the gesture that tells AntiGravity, "this is where we’ll work."

Commands

you ask

Files

browses the project

Publish

on GitHub

Agent Manager

multiple agents

8

🌐 Browser control + self-correction

This is the game-changing resource: the agent opens the browser, clicks buttons, checks the result on screen, and self-corrects — without needing plugins. It “sees” what happened and adjusts on its own.

Open the browser and clicks buttons Check the result "sees" the screen Self-corrects and try again if it gets it wrong, go back and adjust—until it's right

In practice, this saves a lot of back-and-forth: instead of testing, copying the error, pasting it back, and asking for a fix, the agent closes that loop on its own. You describe it, and it builds, checks, and fixes it.

Open

the browser

Check

the result on screen

Self-corrects

no plugins

Saves

round trips

🔬 Practical example

Let’s bring it all together in one gesture. Import a landing page template from a public repository and run it on localhost:

  • 1.Get the URL of a public repo with a simple landing page template.
  • 2.Paste it into AntiGravity and ask it to import; then ask it to run.
  • 3.Open the local address (e.g., localhost:3000) and view the site on your machine.

In just a few minutes, you go from zero to a site running locally — without writing a single line by hand.

🏋️ Exercise

Get your environment truly ready. Complete the full workflow:

  1. Install the AntiGravity (from antigravity.google) and the Node.js (from nodejs.org, LTS version).
  2. Import a any public repository (a simple template will do).
  3. Run in the localhost e note the port that appeared (e.g., 3000, 5173).

If you saw the app open in the browser, your environment is ready for Track 2 — where we'll build the first app from scratch.

⚡ Ready-made prompts

Copy, paste into the AntiGravity command panel, and adapt to your use case.

import a project
Import this project from the GitHub repository: [URL].
Then explain in 2 lines what this project does.
run on localhost
Abra este projeto inteiro no localhost para eu visualizar.
Me diga em qual endereço e porta ele subiu.
create a working folder
Create a folder on my desktop called [name]
and use it as this project’s workspace.

✅ Module summary

✓
Installation — AntiGravity (antigravity.google) + Node.js (nodejs.org, LTS): the foundation for running locally.
✓
GitHub and localhost — repo ("Code" button → URL) → import → run → view on localhost, just for you.
✓
Terminal and models — the CLI is the computer listening to text; choose the right model for design or logic.
✓
Interface and browser control — commands, files, Agent Manager; and the agent that opens the browser and corrects itself.

Next module:

Track 2 · 2.1 — Your first app