AgentVera
PT
Baixar

Ambientes de preview: cada branch no seu próprio endereço

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.

Baixar grátis

Um endereço por branch

Cada ambiente abre em http://<branch>.agentvera.localhost:<port>; 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. 1

    Abra a aba Preview na página Details de um projeto; o projeto e as worktrees dele aparecem na lista.

  2. 2

    Inicie um ambiente e abra o endereço dele.

  3. 3

    Salve os prints de base e, depois de uma mudança, compare com a base.

Perguntas

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.

Recursos relacionados

Termos relacionados:Git worktreeTeste de regressão visual

Todos os recursosVeja os 18 agentes de código suportados

Reúna seus agentes em uma só mesa.

Comece no plano gratuito. Baixe, adicione a pasta de um projeto e abra seu primeiro agente.

Baixar grátis Preços

Artigos sobre o tema

Blog