← Skills / Agent Browser

Skill • 05

Agent Browser

Um navegador de verdade na mão do agente, pra ele conferir a tela em vez de adivinhar.

navegadorautomaçãovisual

O agente para de supor como a página ficou e vai olhar.

A Agent Browser é uma CLI escrita em Rust que controla um Chrome dedicado. O agente abre a URL, pede um retrato da página e recebe a lista dos elementos com um identificador em cada um. A partir daí ele clica, digita e navega apontando esses identificadores.

O ciclo é sempre o mesmo: abrir, tirar o retrato, agir, tirar outro retrato. Além disso ela salva screenshot, gera PDF, compara duas versões da mesma tela e guarda o estado da sessão pra você continuar depois.

Instala o pacote global e baixa o Chrome que ela usa.

São dois passos, e o segundo só roda na primeira vez. Se você prefere fazer direto no terminal, rode esta linha:

$ npm install -g agent-browser

Depois, baixe o navegador que ela controla:

$ agent-browser install
ou
Sem decorar comando

Deixa o seu agente instalar por você.

Copie esta mensagem e mande no Claude Code, Codex ou outro agente que consiga ler um repositório:

Instala isso pra mim: https://github.com/vercel-labs/agent-browser

Quando a prova está na tela, e não no código.

Ela entra no momento em que você precisa saber o que o usuário vê, não o que o arquivo diz que deveria aparecer.

01

Conferir o que você fez

Subir o servidor local e ver a tela renderizada em vez de confiar no código.

02

Preencher formulário

Abrir, digitar, enviar e checar o que a página respondeu.

03

Comparar versões

Guardar o antes, aplicar a mudança e ver o que mexeu na tela.

04

Guardar sessão

Salvar o estado logado pra não repetir login a cada teste.

Instalei agora, então meu uso ainda está em teste.

O primeiro ponto que eu quero validar é direto: se ela revisa uma página do Painel antes de eu publicar, sem eu abrir o navegador na mão.

Abre a página local do Painel, tira um screenshot
da tela inteira e me diz o que está quebrado
no layout.

Roda no terminal, e o agente chama como qualquer outro comando.

Ela é um binário, então atende Claude Code, Codex e qualquer agente que consiga rodar comando. Tem instalação por npm, Homebrew e Cargo, e o Chrome que ela controla fica separado do seu navegador do dia a dia.

Navegador automatizado age em nome de quem está logado.

Ele só deve abrir o que é seu.

Sessão salva guarda login, então todo comando dali em diante sai autenticado como você. Vale tratar o estado salvo como senha guardada e manter a automação longe de conta de terceiro. Aqui eu uso só pra conferir página que eu mesmo construí, nesta máquina.