Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Playwright E2E Testing skill
Testes automáticos que abrem o site, preenchem, clicam e conferem o resultado no Chrome, no Firefox e no Safari antes de o cliente achar o erro.
- instalações
- 2.700
- estrelas no GitHub
- 78
- No skills.sh desde
- janeiro de 2026
- Licença
- MIT
Atualizada no GitHub em 18 de julho de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
O que ela faz
É um guia de referência do Playwright, a ferramenta que abre o navegador e repete o que um usuário faria: entrar na página, preencher, clicar e conferir o que aparece. Cobre a instalação, o arquivo de configuração e testes rodando no Chromium, no Firefox, no WebKit e num celular simulado.
Mostra como achar botões e campos pelo papel e pelo nome, em vez de seletores frágeis, organizar as telas em classes (Page Object), fazer login uma vez e reaproveitar, simular respostas de API e erros de rede e comparar prints da tela pra pegar mudança visual.
Também traz testes em paralelo e divididos em partes, o modo visual de depuração, o trace viewer, vídeo das falhas e um modelo pronto pra rodar os testes no GitHub Actions ou no Docker.
Nas palavras de quem fez
Playwright modern end-to-end testing framework with cross-browser automation, auto-wait, and built-in test runner…
Quando usar
- Garantir que o cadastro e o login continuam funcionando depois de cada mudança
- Testar o checkout de uma loja do começo ao fim antes de publicar
- Conferir se a página quebra no Safari ou no celular
- Pegar mudança visual não planejada comparando prints da tela
- Rodar os testes sozinhos a cada push no GitHub
Depois de instalar, é só pedir assim
- Lê o SKILL.md da skill do Playwright, instala o Playwright neste projeto e cria um teste do cadastro até o painel
- Escreve testes que conferem se a página de vendas abre certo no Chrome, no Safari e no celular
- Configura o GitHub Actions pra rodar os testes do Playwright em todo pull request
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
- SnykPassou
Perguntas
Como instalar a Playwright E2E Testing 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 E2E Testing, 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 pra funcionar?
Um projeto com Node.js, o pacote @playwright/test e os navegadores baixados com npx playwright install. Não pede chave de API nem conta paga.
O Claude usa a skill sozinho?
Não. O arquivo vem marcado pra o Claude não chamar sozinho e pra não aparecer como comando com barra. Pra usar, peça pra ele ler o SKILL.md dela antes de escrever os testes. Ela não testa o site por conta própria: guia o agente a escrever e rodar os testes.
Roda no Codex e no Antigravity?
Sim. É um texto de referência com exemplos em TypeScript, sem script próprio. Qualquer agente que escreva código e rode comando no terminal consegue seguir.
Levar essa skill
1x playwright-e2e-testingR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/bobmatnyc/claude-mpm-skills
Aprenda a usar
- O que é o Claude Code (Claude CLI) e como começar
O que é o Claude Code (Claude CLI), pra que serve pra quem não programa, o que ele pede pra rodar e como se compara ao Codex, ao Antigravity e ao Cursor.
Na mesma prateleira
Ver as 5.600 skills do corredorhonojs
hono
O Claude escreve rotas, middleware e validação em Hono do jeito certo e confere a resposta da API antes de dizer que terminou.2.900 instalações, grátisslackapi
slack-
O Claude descobre qual método da API do Slack faz o que você quer, lê o contrato na documentação e chama sem inventar nome nem permissão.2.900 instalações, grátisapi brianlovin
bun
Projeto em JavaScript ou TypeScript rodando inteiro no Bun, sem o Claude voltar pro npm, pro Express ou pro dotenv por costume.Auditada2.800 instalações, grátiscodewithmukesh
openapi
A API em .NET 10 sai com a documentação OpenAPI completa: rotas descritas, respostas certas, token Bearer indicado e arquivo pronto pra gerar cliente.Auditada2.800 instalações, grátisCursor
thermo-
Antes de juntar uma branch, o agente caça bug, brecha de segurança e o que vai quebrar pra quem roda o projeto, e só reporta o que confirmou.Auditada2.700 instalações, grátisnuclear- review greptileai
greploop
O agente pede revisão ao Greptile, corrige o que ele apontou, sobe de novo e repete até a nota 5/5, sem você ficar no vai e volta.2.700 instalações, grátisVercel Labs
opensrc
Quando uma biblioteca faz algo estranho, o Claude abre o código dela na versão que você usa, em vez de adivinhar pela documentação.Oficial2.700 instalações, grátisSentry
sentry-
Os bugs que o Sentry aponta no seu PR são conferidos e corrigidos de uma vez, e você recebe a lista do que foi resolvido e do que pede sua decisão.Oficial2.500 instalações, grátiscode- review
Mais da loja bobmatnyc
Ver a loja bobmatnycbobmatnyc
drizzle-
O Claude cria as tabelas, as consultas e as migrações do banco do seu sistema em TypeScript, com os tipos conferidos e sem SQL montado na mão.Auditada4.300 instalações, grátisorm drizzle
Usa o Drizzle, ORM em TypeScript com tipos seguros e sintaxe parecida com SQL1.800 instalações, grátisdrizzle-
Guia o desenvolvimento de banco de dados com migrações no Drizzle ORM, em TypeScriptAuditada1.300 instalações, grátismigrations pytest
O Claude escreve e organiza testes em Python com pytest, com fixtures, parametrização, mocks e cobertura, inclusive pra APIs em FastAPI e Django.Auditada1.300 instalações, grátistailwind-
Ensina a montar interfaces responsivas com Tailwind CSS, inclusive com modo escuroAuditada1.200 instalações, grátiscss docker
Empacota aplicações com suas dependências em contêineres Docker, iguais em desenvolvimento, teste e produçãoAuditada1.000 instalações, grátistrpc-
Cria APIs com tRPC, tipadas de ponta a ponta em TypeScript e integradas ao React QueryAuditada1.000 instalações, grátistype- safety vitest
Orienta testes em TypeScript com Vitest, com desempenho nativo do Vite e suporte a ESMAuditada931 instalações, grátisbiome
O Claude troca o ESLint e o Prettier pelo Biome, configura tudo num arquivo só e deixa o código checado e formatado em segundos.Auditada927 instalações, grátisdaisyui
Monta interfaces rápido com o DaisyUI, componentes Tailwind com temas e modo escuroAuditada903 instalações, grátiszod
Valida dados com Zod, schemas TypeScript pra formulários, APIs e tipos em tempo de execuçãoAuditada887 instalações, grátisplaywright
Roda testes end-to-end com Playwright em vários navegadores, com espera automática e runner embutidoAuditada880 instalações, grátis