Testada em uma tarefa realOficial do fabricanteAutomação e integrações

agent-browser

O Claude clica pelo seu site como um cliente de verdade no celular e no notebook e depois relata o que está quebrado.

Instale agent-browser grátis

Deixe seu email e os passos de instalação abrem aqui mesmo: um prompt para colar na sua ferramenta de IA. Vale para as 149 skills.

Nossa nota: 8/10
Funciona em: Claude Code, Codex+6 outras
Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Antigravity, OpenCode, Windsurf e mais de 60 ferramentas de IA que leem skills.
Precisa programar?: Um pouco
Tempo até o resultado: 15 min
Criado por: Vercel
Testada em: 19 de out. de 2026

A compradora-robô no notebook: escolhe Ash Green, vai até 4 canecas, acompanha as mensagens de frete grátis e de 10% se atualizando, adiciona ao carrinho e abre o carrinho.

A resposta curta

agent-browser é a skill de automação de navegador da Vercel Labs para o Claude Code: o Claude abre um Chrome de verdade, clica, digita, rola e tira capturas de tela, e o modo de QA embutido transforma isso num relatório de bugs com capturas e gravações de tela. Serve para donos de loja, profissionais de marketing e freelancers que querem uma página testada antes do lançamento, desde que topem instalar uma pequena ferramenta de linha de comando. Nosso veredito é 8/10: no nosso teste, ela comprovou que as mensagens de frete e desconto de uma página de produto estavam corretas e achou um checkout faltando e um preço confuso, mas a configuração é voltada para desenvolvedores.

Ideal para: Donos de loja e profissionais de marketing que querem um teste real, clicando por uma página de produto ou de checkout no celular e no notebook antes do lançamento, com capturas de tela para entregar a quem constrói o site.

Quer esse resultado no seu próprio trabalho?

Cadastre-se grátis e instale agent-browser em cerca de um minuto. Um email libera os passos de instalação de todas as skills do site.

Quando vale a pena usar

Teste uma página de produto antes do lançamento

No nosso teste, a dona de uma loja de cerâmica pediu ao Claude para comprar na página pelo celular e pelo notebook. Ele escolheu um esmalte, mudou quantidades, adicionou ao carrinho e devolveu um relatório: as mensagens de frete grátis e de 10% estavam certas, mas o checkout não estava conectado e o botão mostrava o preço sem desconto.

Confira como uma página fica no celular

O Claude pode fingir ser um iPhone ou qualquer tamanho de tela e capturar sua página. Você acha menus cortados, botões escondidos atrás de barras fixas e textos que não cabem, sem ter todos os aparelhos.

Colete informações de uma página web

O Claude abre uma página, lê e extrai o que você precisa, como uma lista de eventos ou uma tabela de preços, numa lista organizada. Funciona em páginas que só mostram o conteúdo depois de clicar ou rolar.

Como ter um ótimo resultado

Instale
Instale (passos abaixo). O arquivo da skill é só um ponteiro: no primeiro uso, o Claude carrega as instruções reais a partir da ferramenta instalada, então elas sempre batem com a sua versão. Se o Chrome não estiver no seu computador, a ferramenta pode baixar um navegador para ele.
Passe o endereço ao Claude
Compartilhe o endereço da página: um site no ar, um link de staging ou uma prévia local. Limite-se a sites que você possui ou tem permissão para testar, e passe dados de login só pelo recurso de login salvo da própria ferramenta, não no chat.
Descreva a jornada do cliente
Liste os passos exatos que um comprador faz e o que deve ser verdade, por exemplo 'escolha um esmalte, coloque 4 canecas, adicione ao carrinho, confira a mensagem de 10%'. Diga 'celular e notebook' se quiser os dois; o Claude troca de dispositivo com uma configuração.
Peça o relatório de QA
Use palavras como 'teste', 'QA' ou 'encontre bugs' para o Claude carregar o modo dogfood da skill. Ele grava a tela enquanto reproduz cada problema, captura cada passo e escreve um relatório com gravidades de alta a baixa.
Confira as evidências e depois corrija
Abra as capturas por trás dos principais problemas antes de agir. No nosso teste, uma captura de página inteira no celular repetiu o cabeçalho fixo ao longo da imagem, o que parece um bug, mas não é; as capturas normais mostravam a página real.

Este é o prompt exato com que começamos o nosso teste:

O prompt que usamos

Teste minha página de produto como um cliente de verdade faria, no celular e no notebook: escolha um esmalte, mude a quantidade, adicione ao carrinho e confira se as mensagens de frete grátis e de 10% de desconto estão certas. Tire capturas de tela de tudo o que parecer quebrado e me dê um relatório curto do que corrigir.

Tudo o que ela criou

Cada peça abaixo é um resultado real do nosso teste, aberta do jeito que você abriria.

Relatório de teste — O relatório de teste: o que corrigir primeiro, cada mensagem de frete e desconto conferida e 9 problemas com capturas de tela.

O mesmo teste num iPhone emulado: escolhe Midnight, vai até 4 canecas e confere as mensagens numa tela de celular.

Como foi a sessão

A conversa do nosso teste, resumida. Cerca de 15 minutos do primeiro prompt até o resultado final.

Você: Teste minha página de produto como um cliente de verdade faria, no celular e no notebook: escolha um esmalte, mude a quantidade, adicione ao carrinho e confira se as mensagens de frete grátis e de 10% de desconto estão certas. Tire capturas de tela de tudo o que parecer quebrado e me dê um relatório curto do que corrigir. (A página estava num endereço local de teste.)
AI: É um trabalho de QA, então vou seguir o fluxo dogfood: primeiro o notebook, depois um iPhone 14 emulado, julgando só o que um cliente consegue ver.
AI: As mensagens estão certas em cada passo: faltam $41 com 1 caneca, $7 com 2, frete grátis com 3, e com 4 canecas "$122.40 instead of $136". Mas o botão Add to cart ainda diz $136 nesse ponto.
AI: A barra fixa diz "Midnight · $136", mas nunca mostra a quantidade, e volta para $34 depois de adicionar. Notas de placeholder aparecem em 8 lugares. *Problema: a captura de página inteira no celular repetiu o cabeçalho fixo e a barra ao longo da imagem. Isso vem de como a captura lida com elementos fixos, então deixei de fora dos achados e usei capturas normais. Alguns cliques falharam com "Unknown ref" depois de...
AI: Relatório pronto. Principais correções: conectar um carrinho e um checkout de verdade, remover os placeholders visíveis, mostrar o preço com desconto no botão, manter o carrinho depois de recarregar. As mensagens de frete grátis e de 10% em si estão corretas em tudo o que testei.

O que funcionou e onde deixou a desejar

O que funcionou

Ela realmente clicou pela página como uma compradora e verificou as mensagens de frete grátis e de 10% em cada quantidade, incluindo os totais de carrinho mais página ($153 em vez de $170, $172.80 em vez de $192): todos corretos
Ela pegou coisas que uma olhada rápida deixa passar: o carrinho é só um pop-up de placeholder sem checkout, o carrinho esvazia ao recarregar e o botão Add to cart mostra $136 enquanto a caixa de desconto diz $122.40
Testar no celular foi uma troca de dispositivo de uma linha, e ela achou problemas só do celular (a barra fixa esconde a quantidade, o menu fica cortado em 320px)
O modo dogfood produziu um relatório pronto para entregar, com gravidades, capturas de cada passo e gravações de tela

Onde deixou a desejar

A captura de página inteira no celular emulado repetiu o cabeçalho fixo e a barra ao longo da imagem, então essa imagem é enganosa e teve que ser ignorada
A configuração tem cara de desenvolvedor: o arquivo da skill é só um ponteiro, as instruções reais vêm de uma ferramenta de linha de comando que você precisa instalar antes (a skill diz globalmente com npm), e os ids dos botões ficaram desatualizados depois de uma recarga até um novo snapshot ser tirado
Nenhum fato inventado: o relatório só cita o que a página mostrou

Quer esse resultado no seu próprio trabalho?

Cadastre-se grátis e instale agent-browser em cerca de um minuto. Um email libera os passos de instalação de todas as skills do site.

Prompts que funcionam

Troque as partes entre colchetes pelos seus próprios dados. Não precisa citar a skill: peça o trabalho e sua ferramenta de IA usa a skill sozinha.

Compre na sua página de produto

Teste minha página de produto em [endereço da página] como um cliente de verdade faria, no celular e no notebook: escolha um(a) [variante], mude a quantidade, adicione ao carrinho e confira se as mensagens de [frete e desconto] estão certas. Tire capturas de tela de tudo o que parecer quebrado e me dê um relatório curto do que corrigir.

Teste um formulário de cadastro ou reserva

Vá para [endereço do formulário] e tente [reservar uma oficina / entrar na newsletter] como um cliente. Tente uma vez corretamente, depois com um campo em branco e um e-mail errado. Não aperte o botão final de envio. Me diga quais erros estão confusos, com capturas de tela.

Capturas no celular e no notebook

Tire capturas de [endereço da página] numa tela do tamanho de um iPhone, num celular pequeno de 320px e num notebook de 1440px. Role a página inteira e liste tudo o que estiver cortado, sobreposto ou difícil de tocar.

Extraia uma lista de uma página

Abra [endereço da página] e colete cada [evento / produto / preço] exibido, incluindo os que aparecem depois de rolar ou clicar em 'carregar mais'. Me dê uma tabela com [nome, data, preço].

Dicas do nosso teste

Escreva no prompt os números que você espera, como 'frete grátis acima de $75, 10% de desconto a partir de 4'. O Claude então confere cada mensagem com eles, em vez de só relatar o que vê.
Peça 'celular e notebook' explicitamente. No nosso teste, a rodada no celular achou problemas que a do notebook não conseguia, como uma barra fixa que escondia a quantidade e um menu cortado em 320px.
Peça para ela testar entradas estranhas, como 0, números negativos, decimais e quantidades muito grandes. Nosso teste descobriu que o campo de quantidade aceitava '2.5' enquanto cobrava por 2.
Peça ao Claude para recarregar a página depois de adicionar ao carrinho. Esse passo simples mostrou que o carrinho esvaziava ao recarregar.
Diga ao Claude para parar antes de qualquer coisa irreversível, como pagar ou enviar um formulário, para o teste num site no ar não criar pedidos ou mensagens reais.
Espere um relatório que você pode repassar: o modo de QA lista gravidade, passos e capturas de cada problema, mais gravações de tela para os interativos.

O que você precisa: Claude Code (plano Pro ou superior) num computador, com Node.js para instalar a ferramenta de linha de comando agent-browser, Google Chrome no computador, ou deixe a ferramenta baixar o próprio navegador, Uma página que o Claude consiga abrir: uma prévia local, um site de staging ou uma URL no ar, Não é prática no app do Claude no navegador, porque controla uma ferramenta local de linha de comando.

Como instalar

As skills seguem o padrão aberto Agent Skills, então esta não depende de uma única empresa. Escolha a ferramenta de IA que você usa. Na dúvida? A primeira aba cobre a maioria em um passo só.

Mais fácil: cole isto em sua ferramenta de IA

Instale esta skill para mim para que ela funcione em todos os projetos: rode `npx skills add https://github.com/vercel-labs/agent-browser/tree/main/skills/agent-browser -g -y` no meu terminal. Se faltar o Node.js, me diga primeiro como instalar. Quando terminar, confirme que a skill foi instalada e me diga como começar a usar.

Ou faça você mesmo:

Um comando instala a skill nas ferramentas de IA do seu computador. Ele encontra as que você tem e pergunta em quais adicionar: Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, OpenCode e mais de 60 outras.

$npx skills add https://github.com/vercel-labs/agent-browser/tree/main/skills/agent-browser -g

Você precisa ter o Node.js instalado (grátis, em nodejs.org). A opção -g deixa a skill disponível em todos os projetos.

Bom saber: Também pode ser instalada com brew install agent-browser.

Libere os passos de instalação

Grátis. Deixe seu email uma vez para liberar os passos de instalação das 149 skills e receber as melhores skills novas todo mês.

Como verificamos

Confirmamos a skill na fonte original em 18 de outubro de 2026: o SKILL.md está onde deveria, os arquivos foram atualizados no último ano e a licença (Apache-2.0) permite o uso. Depois, em 19 de outubro de 2026, instalamos, usamos na tarefa acima sem mudar a skill e anotamos o que aconteceu, inclusive o que deu errado.

Perguntas frequentes

Preciso saber programar para usar o agent-browser?

Não é preciso programar para pedir um teste ou ler o relatório, que é escrito em linguagem simples e com capturas de tela. Você precisa, sim, se sentir à vontade deixando o Claude instalar uma ferramenta de linha de comando, e a skill é voltada para desenvolvedores e testadores de QA.

De qual plano e ferramentas ela precisa?

Você precisa do Claude Code, que exige um plano Pro ou superior, mais Node.js para instalar a ferramenta agent-browser. Ela usa o Chrome do seu computador, ou baixa o próprio navegador se o Chrome estiver faltando.

O agent-browser funciona no app do Claude.ai?

Na prática, não. A skill controla uma ferramenta de linha de comando no seu próprio computador, então use-a no Claude Code.

Qual a diferença de pedir ao Claude para revisar minha página?

Sem ela, o Claude lê sua página ou uma captura de tela e dá palpites. Com ela, o Claude realmente clica, digita e rola num navegador de verdade e confere o que acontece; no nosso teste, foi assim que ele descobriu que o carrinho não tinha checkout, que o carrinho esvaziava ao recarregar e que o preço do botão ignorava o desconto de 10%.

Ela consegue testar meu site no celular?

Sim. Ela consegue emular dispositivos como um iPhone 14 ou qualquer tamanho de tela que você disser e tirar capturas e gravações nesse tamanho. No nosso teste, ela rodou todo o fluxo de compra num iPhone emulado e num celular pequeno de 320px.