Entornos de vista previa: cada rama en su propia dirección
Cuando agentes en paralelo trabajan en distintos worktrees, no tienes que arrancar cada servidor de desarrollo a mano ni buscar puertos libres para ver sus resultados. La pestaña Preview arranca el servidor del proyecto y de cada worktree en su propio puerto y da a cada uno una dirección con el nombre de su rama.
Una dirección por rama
Cada entorno se abre en http://<rama>.agentvera.localhost:<puerto>; el proxy local deja pasar los WebSockets. El comando de arranque se deduce del script dev, start, serve o preview de package.json, con una opción de puerto añadida para Vite, Astro, Nuxt, SvelteKit, Remix, Next y Angular. También se detecta runserver de Django; si no, un servidor estático integrado sirve index.html. También puedes escribir tu propio comando con un marcador {port}.
- Iniciar, reiniciar, detener y logs.
- Abrir en el navegador de AgentVera o en el de tu sistema, o copiar la dirección.
- Con Vercel conectado, la URL de vista previa de Vercel de la rama también aparece en la tarjeta del entorno.
Comparación visual
Se toman capturas de página completa de las páginas que elijas en Mobile (375×812), Tablet (768×1024) y Desktop (1440×900); se pueden configurar hasta 6 tamaños. Fijas una referencia, las capturas posteriores se comparan con ella píxel a píxel y los píxeles cambiados se marcan en rojo. El umbral de cambio por defecto es el 0,1 % de los píxeles.
Que un agente lo pruebe
El botón de probar con un agente abre un agente Claude en ese worktree con el navegador de AgentVera. Abre cada página, cambia el tamaño a cada breakpoint, busca desbordamientos, diseños rotos, texto ilegible, errores de consola y enlaces o botones muertos, corrige lo que puede e informa.
Cómo usarlo
- 1
Abre la pestaña Preview en la página Details de un proyecto; se listan el proyecto y sus worktrees.
- 2
Inicia un entorno y abre su dirección.
- 3
Guarda capturas de referencia y luego compáralas con la referencia después de un cambio.
Preguntas
¿Con qué proyectos funciona?
Con proyectos que tengan un script dev, start, serve o preview en package.json, proyectos Django y sitios estáticos. Para cualquier otro puedes escribir tu propio comando de arranque.
¿Qué páginas se capturan?
Las páginas que listes en los ajustes de la vista previa; por defecto solo la página de inicio (/).
¿Qué agente ejecuta la prueba?
Un agente de Claude Code con el navegador de AgentVera, abierto en ese worktree.
Funciones relacionadas
Términos relacionados:Git worktreePruebas de regresión visual
Todas las funcionesVer los 18 agentes de programación compatibles
Reúne a tus agentes en un solo escritorio.
Empieza con el plan gratuito. Descárgalo, añade la carpeta de un proyecto y abre tu primer agente.
Artículos sobre este tema
Blog- 28 de octubre de 2026Mejores herramientas de vibe coding (2026): 13 comparadasLas mejores herramientas de vibe coding en 2026: creadores de apps como Lovable, Bolt.new, v0 y Replit, editores como Cursor y agentes como Claude Code y Codex.
- 22 de octubre de 2026Cómo hacer vibe coding con seguridad: flujo prácticoCómo hacer vibe coding sin perder el control: idea, spec, pasos pequeños, tests, commits, revisión y despliegue, además de la elección de herramienta y cuándo parar.
- 11 de octubre de 2026Crear un dashboard de datos con IA: de Excel o SQLCrea un dashboard de datos con IA: convierte datos de Excel, CSV o SQL en un panel en vivo con pandas y Streamlit, conecta en solo lectura, verifica cifras y compártelo.