GUÍA COMPLETA: CÓMO CREAR UN PROYECTO PASO A PASO CON ANTIGRAVITY

Google Antigravity es una plataforma de desarrollo agent-first de Google que permite crear aplicaciones completas, web, herramientas, dashboards, juegos, etc., mediante agentes de IA autónomos que planifican, generan código, prueban en el navegador, depuran y entregan resultados verificables. El usuario actua como arquitecto: dando instrucciones en lenguaje natural y los agentes hacen generan el código. Antigravity cuenta con varias interfaces: Antigravity 2.0 como centro de mando de agentes, el Antigravity IDE, la CLI y el SDK.

Crear un proyecto proyecto

los proyectos son el concepto central. Un proyecto define el alcance del agente: una o varias carpetas locales, se pueden incluir frontend + backend, por ejemplo, permisos de seguridad aislados y configuración propia.

Pasos

  1. Crear una carpeta vacía, o con contenido existente.
  2. Abrir Antigravity.
  3. Hacer clic en "Select Project" → "New Project", o el icono de carpeta con “+”.
  4. Hacer clic en "Add Folder" y selecciona4 la carpeta que creada en el punto 1. Se pueden añadir más carpetas s es necesario, útil para para separar el frontend y el backend por ejemplo.
  5. Configurar los permisos del proyecto. Para empezar elegir la opción "Default", se puede ajustar después: revisión de comandos de terminal, acceso a archivos, MCP servers, etc..
  6. Asignarle un nombre al proyecto y hacer clic en "Create".
El proyecto aparecerá en la lista lateral y en la interfaz de chat. Ya se puede empezar a conversar con el agente.

Flujo de trabajo completo: crear una aplicación paso a paso

Se creará una app web de lista de tareas, TODO o un temporizador Pomodoro. El proceso es similar para cualquier proyecto.

Paso 1 Preparar el prompt

Es necesario ser específico y detallado. Incluir:
  • Qué quieres construir
  • Funcionalidades
  • Stack tecnológico preferido (o deja que el agente elija)
  • Diseño / estilo
  • Requisitos de pruebas o despliegue

Ejemplo de prompt

Crea una aplicación web de lista de tareas (TODO list) completa con las siguientes características: - Interfaz moderna y responsive con Tailwind CSS - Añadir, editar, eliminar y marcar tareas como completadas - Categorías o filtros (Todas / Pendientes / Completadas) - Almacenamiento en localStorage - Diseño limpio con modo oscuro opcional - Botón para exportar las tareas a JSON o CSV - Usa HTML, CSS y JavaScript vanilla (o React + Vite si crees que es mejor) - Incluye un README.md con instrucciones de uso - Prueba que todo funcione correctamente en el navegador

Paso 2: Iniciar la conversación / tarea

  • Seleccionar el proyecto.
  • En el panel del agente (chat), pegar el prompt.
  • Elegir el modo si está disponible: Planificador / Planning para proyectos nuevos (recomendado) o modo más directo/rápido para cambios pequeños.
  • Seleccionar el modelo, Gemini suele ser la opción principal; también soporta otros como Claude en algunos casos).
  • Envíar el mensaje.

Paso 3: Revisar el plan y dar feedback

El agente genera Artifacts (artefactos):
  • Lista de tareas
  • Plan de implementación
  • Explicación
    • Revisar el plan. Se pueden dejar comentarios estilo Google Docs, “usa el color azul #0066FF para los botones principales”, “añade validación de campos vacíos”, etc.. Aprobar o pedir ajustes.

    Paso 4: Generación y ejecución

    Una vez aprobado el artifact, el agente:
    • Crea la estructura de archivos
    • Escribe el código
    • Instala dependencias si es necesario
    • Ejecuta el servidor local
    • Abrir un navegador aislado para probar la app
    • Depura errores automáticamente si aparecen
    Se pueden ver los diffs de código en tiempo real y el progreso.

    Paso 5: Probar, iterar y mejorar

    • Interactuar con la app en el navegador embebido.
    • Pedirle cualquier cambio al agente: “Cambia el diseño a un estilo más minimalista”, “Añade autenticación simple” o “Arregla este error que aparece al borrar una tarea”.
    • El agente puede usar el navegador de forma autónoma, tomar capturas o grabaciones, y verificar el comportamiento.

    Paso 6: Finalizar y exportar

    • Pedir un fichero "README" completo, documentación o instrucciones de despliegue.
    • Exportar el proyecto.
    • Opcional: Pedir que prepare el despliegue en Vercel, Netlify, Firebase, etc., o que genere un Dockerfile.

    Consejos y mejores prácticas

    • Ser específico en los prompts: Cuanto más detalle se especifiquen, se obtendrán mejores resultados.
    • Usar el "modo Planificador" para proyectos nuevos o cambios grandes.
    • Revisar siempre los planes y los diffs importantes, especialmente en temas de seguridad o lógica crítica.
    • Aprovechar los permisos por proyecto: limita lo que el agente puede hacer en proyectos sensibles.
    • Añadir múltiples carpetas para proyectos más avanzados, usar Skills personalizadas, MCP servers o archivos como agents.md / skills.md para definir equipos de agentes (product manager, frontend, QA, etc..
    • Iterar en conversaciones separadas dentro del mismo proyecto para mantener el contexto organizado.
    • Combinar con Antigravity IDE si se quiere editar código manualmente con mayor control.

    Ejemplo rápido de otros proyectos que puedes crear

    • Dashboard de finanzas personales con gráficos
    • Juego sencillo como Snake
    • Landing page profesional
    • App de notas con categorías
    • Herramienta que procese un CSV y genere visualizaciones