Mapa de la ruta
Contenido detallado
🛰️ Qué es AntiGravity y el pastel de 3 capas
La definición de AntiGravity, el mapa mental de las 3 capas de herramientas de IA y por qué el código es «la capa final».
Un editor de código de Google, impulsado por agentes de IA, que funciona en tu máquina y edita archivos de verdad: tú lo diriges en lenguaje natural.
Es la forma más directa de dejar de «arrastrar bloques» y crear aplicaciones completas sin dominar la sintaxis.
Agentes · lenguaje natural · entorno local · Gemini 3 Pro / Claude / otros modelos.
Un mapa mental: arriba = herramientas visuales (Make/n8n), en medio = vibe coding en la nube, abajo = entorno local (AntiGravity).
Saber en qué capa estás te ayuda a elegir la herramienta correcta y entender qué sacrifica cada una.
Abstracción vs. control · la nube simplifica a costa de la funcionalidad · local = control total.
Determinístico = flujo fijo y repetitivo (ideal para Make/n8n). Agentic = la IA escribe y administra código para problemas que cambian.
La pregunta «¿esto cambia o siempre es igual?» decide qué enfoque usar.
Flujo fijo · flujo adaptativo · complejidad · autonomía.
Toda herramienta visual es solo una interfaz sobre código. Dominar el código (con IA) es la base que no queda obsoleta.
Te inmuniza contra el miedo a «la próxima herramienta de moda»: ya estás en la capa que lo hace todo.
Interfaz vs. fundamento · longevidad de la habilidad.
Cursor, Windsurf y AntiGravity son IDE con IA que compiten entre sí. El curso usa AntiGravity, pero los principios se aplican a todos.
Aprendes un concepto, no un botón, y cambias de herramienta sin empezar de nuevo.
Recursos nativos · portabilidad de habilidades.
Para tareas simples, repetitivas y estables (p. ej., "formulario completado → agrega a la lista"), un flujo no-code es más rápido y barato.
Usar la herramienta adecuada ahorra tiempo: no todo tiene que convertirse en una app.
Relación costo-beneficio · simplicidad · mantenimiento.
Cada módulo tiene conceptos, paso a paso, un ejemplo, un ejercicio y prompts listos. Marca cada sección como leída para seguir tu progreso.
Conocer la estructura te ayuda a estudiar con método y retomar donde lo dejaste.
Progreso guardado · biblioteca de prompts · manos a la obra.
⚖️ Automatización no-code vs. apps con IA
Cuándo usar constructores visuales (Make/n8n) y cuándo pasar a la construcción agéntica, y por qué vale la pena entender ambos enfoques.
Flujos visuales con pasos fijos: disparador → acción → acción. Ideales para tareas predecibles que no cambian.
Es la forma más sencilla y barata de resolver problemas repetitivos.
Disparador · módulos · webhook · previsibilidad.
Describes el objetivo y la IA escribe y edita código, prueba y corrige: para problemas complejos y en evolución.
Desbloquea lo que un flujo fijo no puede hacer: aplicaciones completas y funcionalidad ilimitada.
Autonomía · adaptación · código generado.
Las herramientas visuales son una capa atractiva sobre JSON/código. Copia un workflow y verás el JSON que hay detrás.
Entender esto desmitifica el «código» y muestra que ya trabajabas con él sin saberlo.
Capa de abstracción · JSON · interfaz visual.
Una guía para decidir: tarea sencilla y estable → no-code; problema complejo, con interfaz y lógica propias → app agentic.
Evita usar un cañón para matar una mosca (o viceversa).
Criterio de elección · costo · complejidad.
El no-code y las apps agentic se complementan; entender los flujos te ayuda a dirigir mejor a los agentes (y viceversa).
Obtienes un repertorio más amplio de soluciones.
Complementariedad · repertorio · integración (MCP).
Los creadores de código con IA en la nube son como una casa de IKEA: entregan algo listo, pero con estructuras fijas. En local puedes construir como quieras.
Muestra el equilibrio entre rapidez y libertad.
Comodidad vs. control · límites de la nube.
⚙️ Configuración completa del entorno
Instalar todo, entender la interfaz e importar/ejecutar tu primer proyecto en localhost.
Descargar e instalar la app desde el sitio oficial (antigravity.google).
Es el primer paso concreto: sin esto, nada funciona.
Descarga oficial · instalación.
Node.js es el "motor" que permite que la IA cree y ejecute proyectos al nivel de tu computadora.
Sin él, el agente no puede ejecutar la mayoría de las aplicaciones localmente.
Runtime · npm · entorno local.
GitHub es donde se guardan y versionan los archivos. Los repositorios pueden ser públicos (cualquiera puede verlos) o privados.
Es desde donde importas proyectos y donde publicas el tuyo.
Repo · visibilidad · colaboración.
Importar un repo (pegando la URL) y pedir que lo ejecute — se abre en una dirección local (localhost) que solo tú ves.
Es el ciclo básico: traer código, ejecutarlo y verlo en pantalla.
Import · localhost · preview.
La terminal es la forma de comunicarte con la computadora mediante texto: instalar cosas, ejecutar comandos y realizar acciones.
Muchas acciones (instalar paquetes, ejecutar builds) pasan por ahí.
CLI · comando · instalación.
Regla práctica: un modelo sólido en diseño para el layout y otro sólido en razonamiento para el código y la resolución de problemas.
Elegir el modelo adecuado mejora mucho el resultado.
Selección de modelo · caso de uso.
Panel de comandos, navegación de archivos, "publicar en GitHub" y Agent Manager (donde gestionas varios agentes).
Conocer la interfaz acelera todo lo que viene después.
Panel · Agent Manager · workspaces.
El agente abre el navegador, hace clic en botones, comprueba el resultado en pantalla y se corrige solo, sin plugins adicionales.
Es una ventaja que ahorra muchos idas y vueltas.
Control del navegador · autocorrección.