⚡ Módulo 02 — Setup

Instalación y entorno inicial

Es hora de poner las manos en el teclado. Vas a instalar Antigravity, crear tu primer workspace y familiarizarte con cada zona de la interfaz para que puedas moverte con confianza.

Lección 2.1

Instalación de Antigravity y extensión de navegador

Antigravity se instala como una aplicación de escritorio. Piensa en él como un VS Code reinventado: encontrarás una interfaz familiar, pero con capacidades completamente nuevas.

1

Descarga e instalación

Visita antigravity.codes y descarga la versión para tu sistema operativo (macOS, Windows o Linux). Ejecuta el instalador como cualquier otra aplicación.

2

Inicio de sesión

Al abrir Antigravity por primera vez, inicia sesión con tu cuenta de Google. Esto conecta tu perfil con los modelos de IA y el sistema de agentes.

3

Extensión de navegador

Instala la extensión de navegador para Chrome. Esta extensión permite que los agentes de Antigravity abran y controlen ventanas del navegador para hacer pruebas visuales.

4

Verificación

Abre Antigravity y comprueba que puedes ver el chat lateral, el editor central y la terminal inferior. Si todo está en su lugar, estás listo.

✅ Consejo

Si ya usas VS Code, tus extensiones y atajos te resultarán familiares. Antigravity mantiene la base de VS Code pero añade las herramientas de agentes por encima.

Lección 2.2

Crear un workspace y tu primer proyecto

En Antigravity, todo empieza con un workspace. Un workspace es la carpeta de proyecto donde el agente trabaja. Todo lo que el agente lea, modifique o cree está dentro de ese workspace. Es su campo de acción.

Crea una carpeta nueva y ábrela en Antigravity. Para tu primer proyecto, empieza con algo sencillo: un sitio web con HTML, CSS y JavaScript.

// Estructura mínima para empezar:
mi-primer-proyecto/
├── index.html
├── styles.css
└── app.js

No necesitas crear estos archivos tú mismo. El objetivo es tener la carpeta como workspace y pedirle al agente que construya el proyecto. Pero si quieres empezar con una base, crea al menos un index.html vacío.

💡 Concepto clave

El workspace define los límites del agente. No puede acceder a archivos fuera de él (salvo que se lo permitas explícitamente). Esto es una capa de seguridad importante: el agente solo trabaja donde tú le indicas.

Lección 2.3

Navegar por la interfaz

La interfaz de Antigravity tiene cinco zonas principales. Conocerlas bien te permitirá supervisar el trabajo de los agentes sin perderte:

💬

Chat

Donde das instrucciones al agente y recibes sus respuestas y planes.

📝

Editor

El código se muestra y edita aquí. El agente puede modificarlo directamente.

⌨️

Terminal

El agente ejecuta comandos aquí: instalar dependencias, correr tests, etc.

🗂️

Manager

Vista para gestionar múltiples agentes en paralelo y revisar su progreso.

📋

Artefactos

Planes, diffs, capturas y videos generados por los agentes como evidencia.

🎯 Actividad práctica

1. Instala Antigravity y la extensión de navegador.
2. Crea una carpeta nueva como workspace.
3. Abre el workspace en Antigravity.
4. Identifica las 5 zonas de la interfaz: chat, editor, terminal, Manager y artefactos.
5. Toma una captura de pantalla del entorno listo.

🧪 Comprueba lo que aprendiste

1. ¿Qué es un workspace en Antigravity?

Una base de datos donde se guardan los prompts
La carpeta de proyecto donde el agente trabaja y tiene permiso de acción
Un servicio en la nube de Google

2. ¿Para qué sirve la extensión de navegador de Antigravity?

Para editar código directamente en Chrome
Para buscar documentación más rápido
Para que los agentes puedan abrir y controlar ventanas del navegador y hacer pruebas

3. ¿En qué zona de la interfaz gestionas múltiples agentes en paralelo?

En el chat
En el Manager
En la terminal