Impulsado por la familia de modelos Gemini 3, el entorno planifica, ejecuta y verifica tareas de desarrollo directamente sobre el editor, la terminal y el navegador. Google estrenó Antigravity, un IDE con agentes de IA que propone un cambio de rol: menos tecleo y más coordinación. La disponibilidad pública en Windows, macOS y Linux, junto con vistas específicas para gestionar múltiples agentes y sus “artefactos” (planes, capturas y verificaciones), lo posiciona como una plataforma de trabajo orientada a resultados y trazabilidad.
La novedad no es solo técnica. Antigravity introduce un Manager view que permite orquestar varios agentes en paralelo y seguir su progreso con documentos verificables —los citados artefactos— en lugar de simples logs. El enfoque, de corte “agent‑first”, se apoya en la capacidad de estos modelos para razonar, operar herramientas del sistema y validar su propio trabajo con interacciones reales de navegador.
Este artículo describe un flujo completo para construir una aplicación de inversiones con Next.js y Tailwind v3, aprovechando la coordinación de agentes, el uso de artefactos, las pruebas autónomas en Chrome y la gestión de tareas desde una bandeja central. Se incluyen pasos de instalación y ejemplos de configuración. Next.js —creado y mantenido por Vercel— y Tailwind —desarrollado por Tailwind Labs— se usan por su adopción masiva en frontend moderno.
La propuesta editorial es simple: trabajar como quien dirige un equipo. La IA genera la primera versión, la plataforma ejecuta pruebas y la persona interviene con decisiones y anotaciones concretas. El objetivo es transformar el tiempo de desarrollo en tiempo de coordinación con métricas claras de avance y calidad.
De agente único a orquesta de agentes
Antigravity rompe con el patrón “un chat = un proyecto”. Su Agent Manager permite lanzar varias conversaciones en paralelo para un mismo repositorio o para carpetas distintas, cada una con objetivos delimitados. En la vista de gestión, los artefactos —planes de implementación, listas de tareas, capturas y grabaciones del navegador— se van generando conforme los agentes trabajan, y funcionan como documentación viva que puede abrirse y comentarse mientras avanza la ejecución. Este modelo reduce ambigüedad, acelera revisiones y formaliza el “qué” y el “por qué” de cada cambio.
El flujo recomendado comienza con un agente “constructor” que genera el esqueleto de la aplicación y establece un plan. Luego se suman agentes especializados: uno de producto que propone roadmap y prioridades; otro de marketing que elabora textos de lanzamiento; y uno enfocado en extender una funcionalidad concreta (por ejemplo, cálculo de posiciones y PnL). Al operar en paralelo, el Manager centraliza estados, requerimientos de aprobación y resultados, pero mantiene separadas las conversaciones por objetivo.
El sistema incorpora una bandeja de notificaciones y una bandeja tipo “Inbox” para revisar lo pendiente, lo completado y lo que exige intervención humana. En la práctica, cada conversación se comporta como un “hilo” con su propio estado (“Running”, “Idle”, “Blocked”), lo que ayuda a no mezclar decisiones. La organización por “Workspaces” y un área de Playground para experimentos —que después pueden promoverse a un workspace— refuerzan este enfoque de laboratorio + producción dentro del mismo IDE.
Una recomendación útil para la UI: dar al agente una referencia visual. La generación de interfaces mejora cuando se proporciona una inspiración concreta (capturas o bocetos). En este punto, el generador v0 de Vercel produce variantes en React, Tailwind y shadcn/ui a partir de descripciones y permite copiar el código base que luego el agente adaptará al proyecto. La combinación “v0 → artefacto de diseño → implementación por agentes” reduce iteraciones vacías y facilita convergencia estilística.
Los artefactos convierten el trabajo del agente en evidencia verificable: plan, implementación propuesta, pruebas y resultados se revisan como documentos, no como una caja negra.
Instalación
A continuación, una guía paso a paso para preparar el entorno. Incluye los comandos exactos y la justificación de cada paso.
Descargar e instalar Antigravity
- Acceso oficial: antigravity.google. Se ofrece en vista previa pública para Windows (64‑bit), macOS (12 o superior) y Linux (glibc ≥ 2.28).
- Tras la instalación, abrir Antigravity y autenticar la cuenta de Google asociada a Gemini.
Instalar el complemento de navegador (Chrome)
- Antigravity integra un flujo de pruebas end‑to‑end en Google Chrome. Al pulsar “Open Browser (Preview)” desde el IDE, se solicitará instalar la extensión; si aparece un bucle de “instala la extensión”, reintentar desde el icono de Chrome o seguir la documentación enlazada desde el IDE.
- Esta extensión permite que los agentes hagan clics, rellenen formularios y tomen capturas; es clave para validar la app como lo haría una persona.
Instalar Node.js LTS
- Descargar el instalador para su sistema operativo desde nodejs.org. Es necesario para ejecutar el proyecto, administrar paquetes y correr scripts de build y dev.
Crear el proyecto con Next.js
// tailwind.config.js
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
'./app/**/*.{js,ts,jsx,tsx,mdx}',
'./pages/**/*.{js,ts,jsx,tsx,mdx}',
'./components/**/*.{js,ts,jsx,tsx,mdx}',
],
theme: { extend: {} },
plugins: [],
}
// app/page.tsx
import { useState } from 'react'
export default function Home() {
const [ticker, setTicker] = useState('AAPL')
return (
<main className="min-h-screen bg-zinc-950 text-zinc-100 p-6">
<section className="max-w-6xl mx-auto">
<h1 className="text-2xl font-semibold mb-4">Market Intelligence</h1>
<div className="flex items-center gap-3 mb-6">
<input
value={ticker}
onChange={e => setTicker(e.target.value.toUpperCase())}
placeholder="Ingresar ticker (ej. AAPL)"
className="bg-zinc-900 border border-zinc-800 rounded px-3 py-2 w-60 focus:outline-none focus:ring-2 focus:ring-emerald-500"
/>
<button className="px-3 py-2 bg-emerald-600 rounded hover:bg-emerald-500">
Consultar
</button>
</div>
<div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
<article className="lg:col-span-2 h-80 rounded border border-zinc-800">
{/* El agente insertará aquí el gráfico de precios */}
</article>
<aside className="h-80 rounded border border-zinc-800 p-3 overflow-auto">
{/* El agente poblará aquí las noticias de la empresa */}
</aside>
</div>
</section>
</main>
)
}
Esta base permite a Antigravity generar el resto: el endpoint de datos, el integrador de noticias y el render del gráfico. En paralelo, puede crearse un agente “producto” para proponer un roadmap (watchlist, portfolio con número de acciones, PnL diario) y otro “marketing” para preparar un post de anuncio y mensajes para redes. El Manager mantiene el estado de todos y demanda aprobación cuando hay cambios sensibles (por ejemplo, migraciones o re‑estructuración de carpetas).
Cuando se requiera un experimento —p. ej., un Playground con un widget 3D o una idea rápida—, conviene iniciarlo fuera del workspace principal y promoverlo luego si agrega valor. Así se evitan “ramas” de trabajo sin control en el proyecto base.
Pruebas autónomas y anotaciones sobre la interfaz
Una de las diferencias de Antigravity frente a editores con IA tradicionales es su integración con el navegador: los agentes abren la app, navegan, hacen clic y toman capturas mientras ejecutan el plan. Las acciones quedan registradas como artefactos y pueden consultarse mientras el agente sigue trabajando. De esta forma, las pruebas funcionales dejan de ser un “pendiente” manual y pasan a formar parte del ciclo regular de construcción.
Las anotaciones sobre capturas aceleran las iteraciones. Si, por ejemplo, se requiere un panel “Crypto Markets” con métricas de BTC, ETH y SOL, basta con señalar la zona en la captura y anotar “Añadir panel de criptomonedas a la izquierda con tarjetas y variación %”. El agente ajustará el plan e implementará los cambios. Este mecanismo minimiza la fricción de briefs circulares y reduce el ruido en los prompts generales.
Para que el circuito de pruebas funcione, la extensión de Chrome debe instalarse correctamente. Si el botón “Open Browser (Preview)” insiste en pedir la instalación, hay confirmaciones de que re‑abrir desde el icono de Chrome en el IDE, o eliminar “/onboarding” de la URL que se abre, resuelve el bucle en versiones recientes. En todo caso, la recomendación es reinstalar desde el enlace que ofrece el propio IDE y verificar permisos de notificaciones del sistema.
Limitaciones y recomendaciones de uso responsable
Como toda plataforma en vista previa, Antigravity arrastra bordes rugosos. Se han reportado incidencias con cuotas y planes, caídas temporales del servicio e inconsistencias en la persistencia de conversaciones o artefactos en algunos entornos. Aunque muchos problemas se resuelven con actualizaciones y ajustes de región o perfil, conviene asumir que el estado del software evoluciona semana a semana y planificar márgenes.
La potencia de los agentes con acceso a sistema exige prácticas de seguridad. Un caso público describió la eliminación accidental de contenido fuera del proyecto debido a comandos encadenados sin confirmación, lo que subraya la necesidad de restringir el workspace al directorio correcto, activar modos seguros cuando estén disponibles y mantener copias de seguridad. La automatización no exime del control de daños; lo razonable es auditar acciones críticas, especialmente si los agentes tienen permisos de escritura amplios.
Recomendaciones operativas:
- Definir artefactos claros. Pedir siempre “plan de implementación” antes de cualquier cambio estructural; revisar y comentar allí.
- Trabajar por objetivos. Un agente por funcionalidad o área (producto, marketing, rendimiento) evita conversaciones monolíticas difíciles de auditar.
- Usar Playground para ideas nuevas. Promover a workspace solo cuando esté validado.
- Mantener control de versiones. Hacer un commit antes y después de ejecuciones largas del agente; el rollback debe ser trivial ante regresiones.
- Revisar permisos de la extensión y notificaciones. Asegurar que el navegador de pruebas tenga el perfil correcto y que el sistema no bloquee alertas relevantes.
Finalmente, un apunte sobre el stack: Next.js (framework creado por Vercel) y Tailwind CSS (proyecto de Tailwind Labs) son piezas maduras, con documentación amplia y soporte activo. Si se prefiere otra base, los agentes también operan con stacks equivalentes; lo importante es mantener una configuración reproducible y un entorno de datos confiable.
Conclusiones
Antigravity representa un giro de “editor con IA” a “plataforma de ejecución con agentes”. La combinación de un Manager para coordinar trabajo paralelo, artefactos que documentan y verifican, y pruebas autónomas en Chrome acerca el desarrollo a un modelo de producción con controles y evidencia. El papel de la persona cambia: deja de “guiar línea a línea” y pasa a “gestionar objetivos, aprobar planes y revisar resultados”.
En términos prácticos, el flujo que mejor funciona es el que reparte responsabilidades: un agente constructor que entrega el V1 y su plan; agentes auxiliares para roadmap, marketing o extensiones; y un ciclo continuo de anotaciones y aprobaciones sobre artefactos. La documentación se genera sola y el tiempo se concentra en decidir.
Aun con problemas propios de una vista previa, el núcleo del valor está claro: priorizar decisiones informadas y visibilidad. Quien adopte esta lógica —evidencia primero, ejecución después— podrá construir aplicaciones completas con mayor regularidad y menos incertidumbre, manteniendo el control final en manos humanas.
