# Ambientes de preview

URL: https://agentvera.dev/pt/features/preview-environments/ · Plano: Grátis

Quando agentes em paralelo trabalham em worktrees diferentes, você não precisa subir cada servidor de desenvolvimento na mão e caçar portas livres para ver os resultados. A aba Preview sobe o servidor do projeto e de cada worktree em uma porta própria e dá a cada um um endereço com o nome da branch.

**Um endereço por branch.** Cada ambiente abre em http://.agentvera.localhost:; o proxy local repassa WebSockets. O comando de início é encontrado pelo script dev, start, serve ou preview do package.json, com uma flag de porta adicionada para Vite, Astro, Nuxt, SvelteKit, Remix, Next e Angular. O runserver do Django também é detectado; caso contrário, um servidor estático embutido serve o index.html. Você também pode escrever seu próprio comando com o marcador {port}.

- Iniciar, reiniciar, parar e logs.
- Abrir no navegador do AgentVera ou no navegador do sistema, ou copiar o endereço.
- Com o Vercel conectado, a URL de preview do Vercel da branch também aparece no card do ambiente.

**Comparação visual.** Prints de página inteira das páginas que você escolher são tirados em Mobile (375×812), Tablet (768×1024) e Desktop (1440×900); dá para definir até 6 tamanhos. Você define uma base, os prints seguintes são comparados com ela pixel a pixel e os pixels alterados são marcados em vermelho. O limite padrão de mudança é 0,1% dos pixels.

**Peça para um agente testar.** O botão de testar com agente abre um agente Claude naquela worktree com o navegador do AgentVera. Ele abre cada página, redimensiona para cada breakpoint, procura overflow, layout quebrado, texto ilegível, erros no console e links ou botões sem ação, corrige o que conseguir e devolve um relatório.

**Como usar:**

1. Abra a aba Preview na página Details de um projeto; o projeto e as worktrees dele aparecem na lista.
2. Inicie um ambiente e abra o endereço dele.
3. Salve os prints de base e, depois de uma mudança, compare com a base.

- **Com quais projetos funciona?** Projetos com um script dev, start, serve ou preview no package.json, projetos Django e sites estáticos. Para qualquer outro caso, você pode escrever seu próprio comando de início.
- **De quais páginas são tirados prints?** Das páginas que você lista nas configurações de preview; por padrão, só a página inicial (/).
- **Qual agente faz o teste?** Um agente Claude Code com o navegador do AgentVera, aberto naquela worktree.

---

**Sobre o AgentVera.** AgentVera é um app desktop para macOS, Windows e Linux, desenvolvido pela Solviera Teknoloji. Ele roda 18 agentes de programação com IA (Claude Code, Codex, Gemini CLI, Copilot, Cursor, Antigravity, opencode, Hermes, Qwen Code, Kimi Code, Kiro, Amp, Droid, Goose, Vibe, Crush, Aider, Cline) lado a lado, por projeto, em terminais reais com as instalações e logins de CLI do próprio usuário. O plano gratuito tem agentes ilimitados. Baixar: https://agentvera.dev/pt/download/ · Preços: https://agentvera.dev/pt/pricing/