Pular pro conteúdo

Playwright Skill

O Claude abre o navegador, faz o caminho que um cliente faria no seu site e mostra o que quebrou, com print de cada tela.

por lackeyjb

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

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

O que ela faz

A skill faz o Claude escrever e rodar scripts de Playwright, em Node.js, pra qualquer tarefa no navegador. Se o site está rodando no seu computador, ela acha o servidor sozinha; se houver mais de um, pergunta qual usar.

Por padrão o navegador abre visível, então dá pra ver o Claude clicando. Ela acha os elementos pelo que a pessoa vê na tela (botão, rótulo, texto), testa login com as credenciais de teste que você passa, confere links e tira print em tamanho de computador e de celular.

Os scripts podem ficar guardados pra rodar de novo e os prints vão pra uma pasta que você escolhe. Também dá pra ligar num Chrome seu aberto em modo de depuração, aproveitando cookies e extensões, e trocar pro Firefox ou pro WebKit.

Nas palavras de quem fez

Complete browser automation with Playwright. Auto-detects dev servers, writes reusable test scripts, and supports screenshots, responsive checks, UX…

lackeyjb, no SKILL.md

Quando usar

  • Ver como a landing page fica no celular e no computador antes de publicar
  • Testar se o login e o cadastro do seu app funcionam do começo ao fim
  • Achar links quebrados num site
  • Automatizar uma tarefa repetida num site, como preencher o mesmo formulário

Depois de instalar, é só pedir assim

  • Testa minha landing page no localhost no tamanho de celular e de computador e me manda os prints
  • Entra no meu app com o usuário de teste, vai até o painel e confere se carregou
  • Confere todos os links do meu site e me lista os que estão quebrados

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 Playwright Skill 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 Playwright Skill, 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 ter instalado?

Node.js 20 ou mais novo, npm e internet na primeira vez, pra baixar o Playwright e o Chromium (npm run setup na pasta da skill). Não precisa de chave de API nem de conta paga.

Ela usa as minhas senhas de verdade?

Não por padrão. A skill pede credenciais de teste que você fornece e nunca inventa nem expõe senha. Conectar no seu Chrome aberto, que tem os seus acessos, só quando você pedir.

Roda no Codex e no Antigravity?

Deve rodar. Os caminhos de instalação que ela cita são os do Claude Code, mas o agente só precisa achar a pasta da skill e rodar os scripts com Node pelo terminal, coisa que o Codex e o Antigravity também fazem.

Levar essa skill

1x playwright-skillR$ 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/lackeyjb/playwright-skill

Aprenda a usar