Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Agent Browser skill
O Claude abre o Chrome, navega, clica, preenche e testa o seu site sozinho, e você recebe os prints e os dados no fim.
- instalações
- 1,2 milhão
- estrelas no GitHub
- 44,6 mil
- No skills.sh desde
- janeiro de 2026
- Licença
- Apache-2.0
Atualizada no GitHub em 26 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
O que ela faz
A skill liga o Claude ao agent-browser, um programa de linha de comando feito em Rust que controla o Chrome. Pra achar os botões, o agente lê a árvore de acessibilidade da página, em que cada botão e campo ganha uma referência curta pra clicar e preencher com precisão.
Dá pra navegar, preencher formulário, clicar, tirar print, extrair dados, testar um app web, guardar sessão e login, gravar vídeo da navegação e acompanhar tudo num painel na porta 4848. O SKILL.md é só a porta de entrada: o manual atualizado vem do próprio programa.
Tem módulos pra outros casos: apps de computador feitos em Electron (VS Code, Slack, Discord, Figma, Notion), mensagens no Slack, testes caçando bug, gravar o tráfego de um site pra gerar um cliente de API e navegadores na nuvem da Vercel e da AWS.
Nas palavras de quem fez
Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking…
Quando usar
- Testar o checkout e o cadastro do seu site antes do lançamento
- Puxar preços ou dados de uma página que não tem exportação
- Fazer uma rodada de QA caçando bug no app
- Tirar prints das páginas pra mostrar ao cliente
- Ler as mensagens não lidas do Slack e responder
Depois de instalar, é só pedir assim
- Abre o meu site em localhost:3000, faz o cadastro com um e-mail de teste e me diz onde travou.
- Entra nessa página do concorrente, pega o nome e o preço de cada plano e monta uma tabela.
- Faz uma rodada de testes no meu app e me traz os bugs com print.
Segurança
Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.
- Gen Agent Trust HubPassou
- SocketPassou
- SnykAlerta
Perguntas
Como instalar a Agent Browser no Claude Code?
Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Agent Browser, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.
O que precisa instalar?
O programa agent-browser, pelo npm: npm i -g agent-browser e depois agent-browser install. Precisa do Node.js no computador. Não pede chave de API; só os modos na nuvem (Vercel Sandbox e AWS Bedrock AgentCore) dependem de conta nesses serviços.
Consegue entrar em site com login?
Consegue: ele guarda sessões, tem um cofre de autenticação e salva o estado entre um uso e outro. Você passa o acesso e ele reaproveita nas próximas vezes.
Roda no Codex e no Antigravity?
Sim. O SKILL.md diz que o programa funciona com qualquer agente e cita Claude Code, Codex, Cursor, Continue e Windsurf. O Antigravity, que também roda comandos no terminal, entra nessa conta.
Levar essa skill
1x agent-browserR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/vercel-labs/agent-browser
Aprenda a usar
- Automação com IA: como montar e vender em 2026
O que é automação com IA na prática, diferença entre fluxo fixo e agente inteligente, ferramentas (n8n, Claude Code) e como vender para empresas.
- Agência de IA: o que vende e quanto cobra
Como funciona uma agência de IA de uma pessoa só: o que vender além do chatbot, quanto cobrar de implantação e mensalidade e os custos reais.
Na mesma prateleira
Ver as 2.007 skills do corredorVercel Labs
find-
Em vez de fazer tudo do zero, o Claude acha uma skill já testada pra tarefa, mostra de onde ela vem e instala com um comando.Oficial4 milhões de instalações, grátisskills Matt Pocock
handoff
Quando a conversa fica longa demais, você abre uma sessão nova, entrega o documento e o agente já sabe o que foi feito, o que falta e quais skills usar.Auditada1 milhão de instalações, grátisask-
Você conta a situação e o Claude diz qual skill, ou qual sequência de skills do Matt Pocock, usar e em que ordem.Auditada772,2 mil instalações, grátismatt writing-
O Claude escreve e enxuga suas skills e o seu CLAUDE.md pensando em como o agente lê, pra ele achar a instrução e seguir o mesmo caminho toda vez.Auditada472,6 mil instalações, grátisfor- agents claude-
Quando a conversa ficou longa, o Claude escreve o resumo, tira as senhas e abre um agente novo em segundo plano, que já começa a trabalhar.Auditada425 mil instalações, grátishandoff Anthropic
skill-
Aquele jeito de trabalhar que você explica toda semana vira uma skill testada, com a descrição afinada pro Claude usar na hora certa.Oficial415,3 mil instalações, grátiscreator juliusbrussee
caveman-
Seu CLAUDE.md fica bem mais curto e o agente lê menos a cada conversa, com o original guardado e todo código, link e comando intactos.411,2 mil instalações, grátiscompress cavecrew
Sessões longas aguentam mais: busca, ajuste pequeno e revisão vão pra subagentes que devolvem só arquivo, linha e resultado.Auditada358,6 mil instalações, grátis
Mais da loja Vercel Labs
Ver a loja Vercel Labsvercel-
O agente escreve e revisa seu código React e Next.js seguindo 70 regras de desempenho da Vercel, das que mais pesam às de detalhe.OficialAuditada838,7 mil instalações, grátisreact- best- practices web-
Você aponta os arquivos do site e recebe a lista do que fere as boas práticas de interface, com o arquivo e a linha de cada problema.Oficial784,3 mil instalações, grátisdesign- guidelines vercel-
O Claude para de empilhar props como isEditing e isThread e monta componentes que se combinam, mais fáceis de manter por gente e por IA.OficialAuditada418,1 mil instalações, grátiscomposition- patterns vercel-
O Claude escreve e revisa seu app em React Native ou Expo seguindo regras que deixam lista, animação e navegação fluidas no celular.OficialAuditada254,5 mil instalações, grátisreact- native- skills deploy-
Você pede pra pôr o projeto no ar e recebe o link da Vercel; se o projeto tem Git, fica ligado pra cada push publicar de novo sozinho.Oficial169,7 mil instalações, grátisto- vercel vercel-
Cria animações nativas entre estados da interface com a View Transition API do ReactOficialAuditada167,6 mil instalações, grátisreact- view- transitions vercel-
Publica e gerencia projetos na Vercel pela CLI usando token de acesso, sem login interativoOficial135,8 mil instalações, grátiscli- with- tokens vercel-
O Claude lê as métricas de produção do seu projeto na Vercel e devolve recomendações em ordem pra baixar a conta e acelerar as rotas que pesam.OficialAuditada110,6 mil instalações, grátisoptimize writing-
O Claude lê seus textos de documentação e devolve a lista do que fere o guia de escrita da Vercel, linha por linha.Oficial106,4 mil instalações, grátisguidelines Vercel Labs
ai-
O Claude coloca chat, agente ou geração de texto no seu app conferindo a documentação da versão instalada, em vez de chutar de memória.Oficial66,1 mil instalações, grátissdk react
Renderiza specs em JSON como árvores de componentes React com o @json-render/reactOficialAuditada16,3 mil instalações, grátiscore
Define schemas, catálogos e geração de prompts de IA pro json-render com o @json-render/coreOficialAuditada15 mil instalações, grátis