Pular pro conteúdo

Dev Browser skill

O agente abre um Chrome de verdade, entra nos sites, clica, preenche e tira print, sem perder a aba entre um passo e outro.

por sawyerhood

instalações
2.500
estrelas no GitHub
6.698
No skills.sh desde
janeiro de 2026
Licença
MIT

Atualizada no GitHub em 18 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.

O que ela faz

A dev-browser ensina o agente a controlar um Chrome de verdade pelo programa dev-browser, que roda no terminal. Ele escreve scripts curtos em Puppeteer (a biblioteca que comanda o Chrome) pra abrir uma página, clicar, preencher campos, tirar print, gerar PDF ou copiar dados.

As abas têm nome e continuam abertas entre um comando e outro: o agente entra no site uma vez, faz login, olha a tela e segue de onde parou. Pra entender a página, ele lê um mapa dos botões e campos (a árvore de acessibilidade), e cada item vem com uma referência que ele usa pra clicar.

Ela entra em ação quando você pede coisas como "vai nesse site", "clica em", "preenche o formulário", "tira um print" ou "testa o site". O Chrome pode rodar visível ou escondido (headless), e cada modo usa um perfil próprio.

Nas palavras de quem fez

Browser automation with persistent named pages via the dev-browser CLI. Use when users ask to navigate websites, fill forms, take screenshots, extract web…

sawyerhood, no SKILL.md

Quando usar

  • Conferir se a página de vendas abre e se o botão leva pro checkout
  • Tirar print de um site ou de várias páginas de uma vez
  • Copiar preços, nomes ou contatos de uma página pra uma tabela
  • Preencher o mesmo formulário várias vezes sem fazer na mão
  • Testar o login e o cadastro do seu app depois de uma mudança

Depois de instalar, é só pedir assim

  • Abre o meu site, tira print da página inicial e me diz se tem alguma coisa quebrada
  • Entra nessa página de produtos e me traz o nome e o preço de cada item numa tabela
  • Testa o formulário de contato da minha página: preenche com dados de teste e me fala se a mensagem foi enviada

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 Dev 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 Dev 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 pra ela funcionar?

O programa dev-browser (npm install -g dev-browser) e um Chrome. Se ele não achar o Chrome, o comando dev-browser install resolve. Não pede chave de API nem conta paga. O repositório diz que funciona no macOS e no Linux; no Windows, ainda não.

Roda no Codex e no Antigravity?

Roda em qualquer agente que lê skills e consegue rodar comandos no terminal, porque quem faz o trabalho é o dev-browser. O Claude Code, o Codex e o Antigravity fazem isso.

Ela entra em site que pede login?

Entra: a sessão fica guardada na aba com nome entre um comando e outro. Só que o Chrome escondido (headless) e o visível usam perfis separados, então o login feito num não vale no outro.

Levar essa skill

1x dev-browserR$ 0,00

TotalR$ 0,00

A skill sai aqui mesmo, na hora. Seus dados eu uso pra falar com você sobre o MazyOS.

Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/sawyerhood/dev-browser

Aprenda a usar