Observa cómo los agentes construyen en tiempo real
Ver como MarkdownLos 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.jso/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: el plan que sigue un agente antes de empezar a construir nada
- Herramientas integradas: cada capacidad, incluidas las descritas aquí, que un agente tiene sin ninguna integración conectada