agent-browser
Permite que seu agente interaja com um navegador real para tarefas de verificação.
O que ela faz
Este agente usa um navegador de verdade para olhar e interagir com sites. Ele serve para verificar se algo está funcionando como esperado, tirar 'prints' da tela ou pegar informações específicas de páginas da web.
Quando usar
- ✓Quando você precisa ver como uma página de site aparece em um navegador para confirmar uma mudança.
- ✓Quando você precisa pegar um texto ou informação que só aparece depois que a página carrega completamente.
- ✓Quando um usuário diz que algo está quebrado no site e você precisa ver o erro.
Exemplo do que pedir para a IA
“Tire um print da página principal do site de notícias e mostre se o botão de login está visível.”
Quer saber mais? Abra as seções abaixo.
Como usar
O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.
Link da skill
Mensagem pronta para colar
Como funciona
Ele abre um navegador, vai para o endereço que você pediu e pode clicar em botões ou preencher campos. Enquanto faz isso, ele pode tirar fotos da tela ou anotar erros que aparecem.
Instalação
Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.
No terminal (Claude Code, Codex, Cursor), na pasta do projeto:
npx skills add paperclipai/paperclip --skill agent-browserOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/paperclipai/paperclip/master/packages/skills-catalog/catalog/optional/browser/agent-browser/SKILL.md -o SKILL.mdConteúdo técnico (SKILL.md)
Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.
Navegador de Agente
Use um navegador controlado para verificar o comportamento, capturar evidências ou extrair informações de páginas da web que um fetch estático não consegue alcançar (SPAs, páginas com login, conteúdo dinâmico). Esta habilidade é sobre verificação supervisionada, não sobre raspagem (scraping) sem supervisão.
Quando usar
- Você precisa de uma captura de tela de uma página implantada ou de um servidor de desenvolvimento local para confirmar uma alteração na interface do usuário.
- Você precisa ler conteúdo renderizado por JavaScript que
curl/wgetnão verá. - Um usuário relata um bug na interface do usuário e você precisa reproduzi-lo interativamente para capturar erros de console, requisições de rede ou estado do layout.
- Você precisa percorrer um fluxo curto (carregar página, clicar, observar) para verificar os critérios de aceitação.
Quando não usar
- A página é acessível como HTML estático. Use
curl/HTTP fetch — é mais barato, mais rápido e mais confiável. - A tarefa é raspagem em larga escala sem supervisão. Isso pertence a um raspador dedicado com limites de taxa, tratamento de
robots.txte uma política de agente de usuário real — não a esta habilidade. - O site está atrás de autenticação para a qual você não possui credenciais, ou cujos termos de serviço proíbem automação.
- O site envolve contas sensíveis (bancárias, de saúde, governamentais) onde a automação arrisca bloqueio ou problemas de conformidade.
Antes de iniciar o navegador
- Confirme a URL e qual estado deve ser verdadeiro após a navegação.
- Decida quais evidências são necessárias: captura de tela de página inteira, captura de tela da área de visualização, log do console, rastreamento de rede, instantâneo do HTML, texto extraído.
- Decida o tamanho da área de visualização que importa para a tarefa (móvel vs. desktop). Use um tamanho de desktop por padrão, a menos que a tarefa seja específica para dispositivos móveis.
- Para servidores de desenvolvimento locais, confirme que o servidor está em execução e que a porta é a esperada.
Controlando o navegador
Uma sessão de verificação típica:
- Inicie com um agente de usuário com aparência real quando o alvo for a internet pública; um UA irrealista sinaliza tráfego de automação.
- Defina uma área de visualização razoável (por exemplo, 1366×768 desktop, 390×844 estilo iPhone).
- Navegue e espere pelo sinal correto. Prefira esperar por um seletor específico ou por
network-idleem vez de pausas arbitrárias. - Capture evidências imediatamente após a condição de espera ser bem-sucedida, antes que qualquer interação perturbe o estado.
- Interaja deliberadamente. Um clique por vez, com uma pausa entre as ações; tire uma nova captura de tela após cada mudança de estado significativa.
- Leia os painéis de console e rede em busca de erros inesperados, respostas 4xx/5xx ou requisições lentas.
- Feche o navegador de forma limpa quando terminar. Sessões de navegador de longa duração vazam memória e mantêm portas ocupadas.
O que registrar como evidência
Para uma tarefa de verificação, entregue:
- Uma captura de tela de página inteira ou da área de visualização de cada estado significativo.
- O log do console, filtrado para avisos/erros.
- Qualquer resposta de rede que não seja 2xx com a URL, status e um pequeno trecho do corpo da resposta.
- Uma breve narração: "Naveguei para X, observei Y, cliquei em Z, observei W."
Para uma reprodução de bug de UI, também registre:
- Os passos exatos de reprodução que o usuário pode seguir.
- Tamanho da área de visualização e (quando relevante) a taxa de pixels do dispositivo.
- Se o bug se reproduz no primeiro carregamento ou após a interação.
Páginas com login restrito
- Prefira autenticação programática (token de API, link mágico) em vez de login via UI.
- Se o login via UI for o único caminho, o usuário deve fornecer credenciais explicitamente para esta execução. Nunca reutilize credenciais fora da sessão.
- Não armazene credenciais no log da sessão, captura de tela ou saída retornada.
Desempenho e polidez
- Limite a uma navegação a cada poucos segundos ao acessar infraestrutura compartilhada.
- Respeite
robots.txtpara sites públicos que você está inspecionando em qualquer volume. - Cancele navegações se uma página exceder um tempo limite razoável (por exemplo, 30s); a página está quebrada ou está limitando sua taxa.
- Não tente novamente indefinidamente em caso de falha. Tente novamente uma vez com um tempo limite maior e, em seguida, escale.
Modos comuns de falha
- Seletor não encontrado. A página mudou, ou você está esperando antes da renderização. Tire uma captura de tela para ver o estado real; ajuste o seletor.
- Clique não faz nada. O elemento está fora da tela, coberto por um modal ou em um
shadow DOM. Role para visualizá-lo ou acesse ashadow root. - Detecção de headless. Alguns sites detectam o Chrome headless e servem uma página diferente. Use um modo não-headless ou uma configuração realista de impressão digital apenas quando autorizado.
- Bloqueio de iframe cross-origin. Iframes que você não possui não podem ser inspecionados; a página deve oferecer os dados fora do iframe ou a tarefa é inviável.
Antipadrões
- Sessões de navegador longas e sem supervisão que se desviam da tarefa original.
…
Perguntas frequentes
Posso usar isso para baixar muitos arquivos de um site?
Não, este agente é para verificar coisas pontuais, não para baixar ou coletar dados em massa de forma automática.
Ele pode entrar em sites que precisam de login?
Sim, mas você precisa fornecer o nome de usuário e senha na hora, e ele não guarda essas informações. Não use para sites muito importantes como bancos.
O que ele faz se o site não carregar?
Ele espera um tempo razoável e, se a página não carregar, ele desiste e avisa que houve um problema.
Detalhes
Descrição original do autor
Drive a real browser to inspect or interact with a web page or app — navigate, take screenshots, read console and network, fill simple forms — for verification tasks, not unattended automation.
repo: paperclipai/paperclip
Popularidade
- Estrelas no GitHub
- 103 mil
- Posição no ranking
- #385
- Licença
- MIT
- Atualizada em
- 16/10/2026
Comentários
- …
Mais skills deste repositório
delegate-work
Ajuda seu agente a delegar trabalho para outro agente. É útil para dividir tarefas complexas e acompanhar o progresso de forma organizada.
paperclipai/paperclip
follow-up-results
Faz seu agente verificar resultados de trabalhos anteriores. É útil para acompanhar o andamento de tarefas e adicionar feedback humano.
paperclipai/paperclip
review-my-team
Ajuda seu agente a revisar a equipe conectada. É útil para ter um resumo do time, tarefas, bloqueios e aprovações pendentes.
paperclipai/paperclip
paperclip-task-bridge
Faz seu agente criar e gerenciar tarefas em outra plataforma. É útil para interagir com sistemas de gerenciamento de projetos diretamente.
paperclipai/paperclip
Skills parecidas
dashboard-builder
Ajuda seu agente a criar painéis de monitoramento úteis. Ele transforma dados em gráficos que respondem a perguntas importantes sobre o sistema.
affaan-m/ECC
dev-team
Simula uma equipe de desenvolvimento colaborativa, onde diferentes papéis respondem a um problema juntos. É útil para obter múltiplas perspectivas sem trocar de agente manualmente.
affaan-m/ECC
ecc-council
Faz seu agente reunir um conselho de quatro vozes para tomar decisões difíceis. É útil quando há várias opções boas e é preciso debater antes de escolher.
affaan-m/ECC