⬇️ Instalar o AntiGravity
O primeiro passo concreto é o mais simples: baixar o AntiGravity a partir do site oficial — antigravity.google — e instalar como você instala qualquer outro aplicativo no seu computador.
🧭 Conceito principal
Não existe segredo aqui. É um programa que roda na sua máquina, como um editor de texto ou um navegador. Baixe da fonte oficial, abra o instalador e siga adiante.
- •Acesse o site oficial (antigravity.google) — evite links de terceiros.
- •Baixe a versão para o seu sistema (Windows, macOS ou Linux).
- •Instale e abra — é o mesmo fluxo de qualquer app.
antigravity.google
seu sistema
como qualquer app
e pronto
⚙️ Instalar o Node.js
O Node.js é o "motor" que deixa a IA criar e rodar projetos no nível do seu computador. Baixe de nodejs.org. Sem ele, a maioria dos apps simplesmente não roda localmente.
✓ Com Node.js instalado
- ✓A IA consegue rodar o projeto na sua máquina
- ✓Você instala dependências dos apps
- ✓O localhost funciona normalmente
✗ Sem Node.js
- ✗A maioria dos apps não inicia local
- ✗Comandos de instalação falham
- ✗Você trava logo no primeiro projeto
💡 Dica prática
Em nodejs.org, escolha a versão LTS (suporte de longo prazo): é a mais estável e a recomendada para a maioria das pessoas. Depois de instalar, basta reabrir o AntiGravity.
roda o projeto
fonte oficial
versão estável
para rodar local
🐙 GitHub: repositórios
O GitHub é onde se guardam e versionam arquivos de projetos. Cada projeto vive num repositório (ou "repo"). É de lá que você importa código pronto — e para lá que você publica o seu mais tarde.
🌍 Repositório público
- •Qualquer pessoa pode ver e importar
- •Ótimo para templates e exemplos
- •Aprende-se muito lendo código aberto
🔒 Repositório privado
- •Só você (e quem convidar) acessa
- •Ideal para projetos seus ou de clientes
- •Mesma estrutura, visibilidade fechada
🟢 O botão verde "Code"
Em qualquer repositório, o botão verde "Code" revela a URL do repo. É essa URL que você vai colar no AntiGravity para importar o projeto. Guarde esse reflexo: "Code" → copiar URL.
guarda o projeto
histórico dos arquivos
quem vê
dá a URL
📥 Importar projeto + localhost
Com a URL do repo em mãos, o ciclo é direto: você cola a URL e pede para o agente importar. Depois pede para rodar, e o projeto sobe num endereço local (localhost:porta) que só você vê.
Trazer o código
Cole a URL do repositório e peça ao agente para importar o projeto para a sua máquina.
Rodar
Peça para o agente iniciar o projeto. Ele instala o necessário e dá a partida.
Ver na tela
Ele sobe num endereço local, tipo localhost:3000. Abra no navegador e veja o app funcionando — só na sua máquina.
🌐 O que é "localhost"
"localhost" é o seu próprio computador funcionando como servidor. A porta (ex.: 3000, 5173) é só o "canal" onde o app está escutando. É um endereço privado: ninguém na internet vê, só você.
do repo
traz o código
dá a partida
só você vê
⌨️ O terminal / CLI
O terminal (também chamado de CLI, de "interface de linha de comando") é como você conversa com o computador por texto, em vez de cliques. Muitas ações — instalar coisas, rodar comandos, fazer builds — passam por ali.
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
A boa notícia: no fluxo agentic, na maior parte do tempo é o agente quem digita esses comandos por você. Mas entender que o terminal existe — e que ele é só "o computador ouvindo texto" — tira o medo quando você precisa colar um comando manualmente.
💡 Dica prática
Não decore comandos. Quando precisar de um, peça ao agente: "que comando rodo para [objetivo]?". O terminal deixa de ser intimidante quando você o trata como mais um canal de conversa.
não cliques
e rodar builds
na maior parte
é só conversa
🧠 Escolher o modelo por tarefa
O AntiGravity deixa você escolher o modelo de IA que vai trabalhar. A regra prática é simples: use um modelo forte em design para layout, e um forte em raciocínio/código para lógica e troubleshooting.
| Tarefa | Modelo ideal | Por quê |
|---|---|---|
| Montar o layout / visual | forte em design | capricha na aparência e no gosto estético |
| Lógica e funcionalidade | forte em raciocínio | resolve problemas complexos e encadeados |
| Caçar e corrigir bugs | forte em código | lê o erro e propõe a correção certa |
💡 Dica prática
Para uso profissional e contínuo, um plano pago dá conta do volume — você roda mais tarefas sem esbarrar em limites. Comece grátis para sentir a ferramenta; suba de plano quando o uso justificar.
para layout
para lógica
troque conforme
aguenta volume
🖥️ A interface
Vale conhecer as quatro áreas principais da tela. Você não precisa decorar nada — só saber onde fica cada coisa para não se perder quando começar a construir.
Painel de comandos
Onde você conversa com o agente e pede o que quer. É o coração do fluxo.
Navegação de arquivos
A lista de pastas e arquivos do projeto. Útil para ver o que a IA criou e onde.
"Publicar no GitHub"
Um atalho para enviar seu projeto a um repositório quando ele estiver pronto.
Agent Manager
Gerencia vários agentes e projetos ao mesmo tempo — você não fica preso a uma única conversa.
📂 Criar seu workspace
Para começar um espaço de trabalho, use File → Open Folder e aponte para a pasta do projeto. Esse é o gesto que diz ao AntiGravity "é aqui que vamos trabalhar".
você pede
navega o projeto
no GitHub
vários agentes
🌐 Browser control + autocorreção
Esse é o recurso que muda o jogo: o agente abre o navegador, clica em botões, confere o resultado na tela e se autocorrige — sem precisar de plugins. Ele "vê" o que aconteceu e ajusta sozinho.
Na prática, isso economiza muita ida e volta: em vez de você testar, copiar o erro, colar de volta e pedir conserto, o agente fecha esse loop sozinho. Você descreve, ele faz, verifica e corrige.
o navegador
o resultado na tela
sem plugins
idas e voltas
🔬 Exemplo prático
Vamos juntar tudo num gesto só. Importe um template de landing page de um repositório público e suba no localhost:
- 1.Pegue a URL de um repo público com um template de landing simples.
- 2.Cole no AntiGravity e peça para importar; depois peça para rodar.
- 3.Abra o endereço local (ex.: localhost:3000) e veja o site na sua máquina.
Em poucos minutos, você sai do zero para um site rodando localmente — sem ter escrito uma linha à mão.
🏋️ Exercício
Deixe seu ambiente pronto de verdade. Faça o caminho completo:
- Instale o AntiGravity (de antigravity.google) e o Node.js (de nodejs.org, versão LTS).
- Importe um repositório público qualquer (um template simples serve).
- Rode no localhost e anote a porta que apareceu (ex.: 3000, 5173).
Se você viu o app abrir no navegador, seu ambiente está pronto para a Trilha 2 — onde construímos o primeiro app do zero.
⚡ Prompts prontos
Copie, cole no painel de comandos do AntiGravity e adapte ao seu caso.
Importe este projeto do repositório do GitHub: [URL]. Depois me explique, em 2 linhas, o que esse projeto faz.
Abra este projeto inteiro no localhost para eu visualizar. Me diga em qual endereço e porta ele subiu.
Crie uma pasta na minha área de trabalho chamada [nome] e use-a como o workspace deste projeto.
✅ Resumo do módulo
Próximo módulo:
Trilha 2 · 2.1 — Seu primeiro app