Existe um problema silencioso em quase toda IA que constrói código: ela trabalha às cegas. Gera uma tela, te diz "pronto, já funciona"… mas nunca a ABRIU para conferir. Ela não tem olhos. O agent-browser —uma ferramenta open-source da Vercel— dá exatamente isso a ela: a capacidade de abrir seu app num navegador de verdade, olhar, clicar, preencher formulários, conferir que de fato funciona e te avisar o que está quebrado. Você instala no seu agente (Claude Code, Cursor, Codex) e pede que ele VALIDE constantemente o que constrói, em vez de adivinhar. E isso é só o começo: com olhos na web, sua IA também pode navegar em sites, extrair informação, automatizar tarefas repetitivas. Neste guia você vai ver como instalar, o prompt para que ela valide sem você precisar lembrar, e o mundo de possibilidades que isso abre.
Isso acontece com todo mundo que constrói com IA, e quase ninguém percebe: a IA gera uma tela, um formulário, um fluxo… e te diz "pronto, já funciona". Mas será que ela abriu para ver? Não. A IA escreve o código e presume que está certo — ela não tem olhos para conferir. É como um cozinheiro que serve o prato sem provar. Às vezes dá certo; outras, o botão não faz nada, o login está quebrado, ou a imagem não carrega — e quem descobre é você, em produção, na frente de um cliente.
agent-browser é uma ferramenta open-source da Vercel que dá ao seu agente de IA a capacidade de usar um navegador de verdade: abrir seu app, ver o que há na tela, clicar, escrever em campos, preencher formulários, tirar prints e ler os erros do console. Em bom português: dá olhos e mãos a ela no navegador. Ela para de adivinhar; agora confere.
Este é o uso que muda o seu jeito de trabalhar: você pede à sua IA que, toda vez que construir algo, abra e valide ela mesma antes de te dizer que está pronto. Construiu um login → que ela se cadastre com uma conta de teste e confirme que entra. Fez um formulário → que preencha e verifique que envia. Mudou uma tela → que abra e confira que está bonita e sem erros no console. Você passa de "acho que funciona" para "testei e funciona".
Dar olhos à sua IA não serve só para validar o que é seu. Com um navegador à disposição, ela pode fazer muito mais:
Diferente das ferramentas de automação tradicionais (como o Playwright), o agent-browser foi feito para agentes de IA: em vez de ler a página inteira (o que gasta muitíssimos tokens), ele dá à IA um "mapa" compacto dos elementos com os quais ela pode interagir. Isso significa mais barato e mais rápido para o seu agente. É open-source, da Vercel, com licença permissiva.
agent-browser da Vercel — CLI de automação de navegador feita para agentes de IA. Dá ao seu agente (Claude Code, Cursor, Codex) olhos e mãos no navegador: abrir, ver, clicar, preencher, extrair, validar. Usa snapshots da árvore de acessibilidade (eficiente em tokens) e traz servidor MCP. Open-source.
Ele se instala no seu computador com um comando, e na primeira vez baixa o próprio navegador. Depois seu agente de IA usa. (Há várias formas — o npm é a mais comum.)
npm install -g agent-browser agent-browser install
brew install agent-browser) e no Cargo, se preferir.Este é o prompt que muda o seu jeito de trabalhar. Cole no seu agente para que ele pare de construir às cegas:
Você tem o agent-browser instalado. De agora em diante, NÃO me diga que algo "já funciona" sem ter conferido você mesmo no navegador com o agent-browser. Toda vez que você construir ou mudar algo na interface: 1. Abra o meu app (roda em [sua URL, ex. http://localhost:3000]) com o agent-browser. 2. Navegue até o que você acabou de construir ou mudar. 3. Teste como um usuário de verdade: clique, preencha os campos, complete o fluxo-chave [descreva seu fluxo, ex. "cadastrar → entrar no dashboard"]. 4. Confira que está bonito e que NÃO há erros no console do navegador. 5. Se algo estiver quebrado ou feio, conserte e valide de novo, até que de verdade funcione. 6. Só então me diga "pronto", e me conte o que você validou e o que viu. Regra de ouro: nenhuma tarefa de interface é dada por concluída sem validá-la no navegador. Não construa às cegas.
Para aproveitar o outro superpoder —navegar e automatizar—, este prompt pede à sua IA que use o agent-browser para uma tarefa web concreta:
Use o agent-browser para esta tarefa na web, passo a passo: Quero que você [descreva sua tarefa, ex: "abra esta página [URL], extraia a lista de produtos com seus preços, e me traga tudo numa tabela organizada" / "entre no meu painel do [serviço] e me diga o status de X" / "preencha este formulário com estes dados"]. 1. Abra a página e tire um snapshot para ver com quais elementos você pode interagir. 2. Faça a tarefa passo a passo, conferindo em cada passo que o elemento certo está ali. 3. Se eu precisar fazer login, me diga como guardar minhas credenciais de forma segura (o agent-browser tem um vault criptografado; nunca coloque minhas senhas em texto plano). 4. Me entregue o resultado organizado e me diga se algo não deu para fazer.
.gitignore, nunca para o GitHub. (Conecta com o guia de segurança da série.)Join 4,200+ builders. No credit card. Build your first app with AI in minutes.