---
title: Observa cómo los agentes construyen en tiempo real
summary: Los agentes ejecutan una estación de desarrollo completa en un contenedor aislado y sirven lo que construyen directamente en tu navegador mediante una vista previa en vivo protegida.
date: 2026-09-09
---

# Observa cómo los agentes construyen en tiempo real

Los agentes ejecutan una estación de desarrollo completa en un contenedor aislado y sirven lo que construyen directamente en tu navegador mediante una vista previa en vivo protegida.

## Lo que un agente puede ejecutar realmente

Más allá de llamar herramientas, un agente obtiene una estación de desarrollo completa y aislada para cualquier tarea que la necesite: Python con pip, Node.js 20 con npm, yarn y pnpm, git, curl, y una cadena de herramientas C para compilar paquetes nativos. Las herramientas más pesadas, un navegador headless, ffmpeg, OCR y utilidades de PDF, se instalan bajo demanda en lugar de sobrecargar cada entorno por defecto.

## Iniciar una vista previa en vivo

Cuando un agente inicia un servidor de desarrollo o cualquier proceso de larga duración, recibe de vuelta una URL de vista previa en vivo que puedes abrir de inmediato: el mismo proceso en ejecución, no una captura de pantalla ni su descripción. Ese proceso puede detenerse a petición, y todo lo que se está ejecutando actualmente, con su enlace de vista previa, se lista a petición.

## Cómo se mantiene segura la vista previa

El contenedor aislado que ejecuta el código de tu agente no tiene ruta directa a internet ni a tu navegador. Un proxy de vista previa dedicado conecta ambos, y tres cosas lo hacen seguro:

- **Autenticado en cada solicitud**: cada solicitud a una vista previa lleva un token firmado; la organización de ese token debe coincidir con la organización propietaria del servicio en ejecución, o la solicitud se rechaza directamente.
- **Un disyuntor, no reintentos infinitos**: tres fallos de conexión consecutivos al servicio activan el disyuntor. El proxy deja de intentarlo, le indica al frontend que el servicio se cayó, y muestra una respuesta limpia de "Servicio detenido" en lugar de quedarse colgado. Una respuesta exitosa lo reinicia automáticamente en cuanto el servicio se recupera.
- **Reescritura de URL**: las propias rutas absolutas de una aplicación web (como `/static/js/main.js` o `/api/data`) se reescriben para que sigan resolviéndose correctamente aunque la aplicación no se ejecute realmente en la raíz de la barra de direcciones de tu navegador.

## Decisiones visuales, no solo texto

Para elecciones con una respuesta visual, como escoger un diseño o una dirección de color, un agente puede presentar de 2 a 4 opciones lado a lado, cada una con su propia vista previa, en lugar de describirlas en un párrafo y pedirte que imagines la diferencia.

## Relacionado

- [Planificación](/es/docs/features/planning): el plan que sigue un agente antes de empezar a construir nada
- [Herramientas integradas](/es/docs/guides/built-in-tools): cada capacidad, incluidas las descritas aquí, que un agente tiene sin ninguna integración conectada