Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Webapp Testing skill
O Claude abre o seu site num navegador, clica, confere se cada parte funciona e devolve print e os erros do console.
- instalações
- 188,3 mil
- estrelas no GitHub
- 183,8 mil
- No skills.sh desde
- janeiro de 2026
- Licença
- Sem licença declarada
Atualizada no GitHub em 9 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
O que ela faz
A skill ensina o Claude a testar o app que está rodando no seu computador escrevendo scripts de Playwright em Python. Ele abre o Chromium sem janela, navega, espera a página terminar de carregar, clica e preenche campos como uma pessoa faria.
Antes de agir, faz um reconhecimento: tira print da página inteira, lê o HTML já montado e só então escolhe os botões e campos certos. Se o servidor não está no ar, um script da skill (with_server.py) sobe o front, o back ou os dois e desliga no fim.
Também captura os logs do console do navegador, pra achar o erro de JavaScript que não aparece na tela, e testa arquivo HTML solto, aberto direto do disco, sem servidor nenhum.
Nas palavras de quem fez
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing…
Quando usar
- Conferir se o formulário de contato ou de cadastro envia de verdade depois de uma mudança
- Achar o erro que trava um botão olhando o console do navegador
- Tirar print da página inteira pra ver como ficou antes de publicar
- Testar front e back juntos rodando na sua máquina
Depois de instalar, é só pedir assim
- Sobe o projeto com npm run dev e testa se o formulário da página de contato envia. Me manda print do resultado
- Abre localhost:3000, clica em todos os botões do topo e me diz quais dão erro no console
- Tira um print da página inteira do meu index.html
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
- SocketAlerta
- SnykAlerta
Perguntas
Como instalar a Webapp 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 Webapp 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?
Python com o Playwright e o navegador Chromium instalados no computador. Não usa chave de API nem serviço pago: o navegador e o site rodam na sua máquina.
Ela testa site que já está no ar?
Não é o foco. As receitas dela são pra app rodando no seu computador (localhost) ou HTML aberto do disco. Ela também não monta uma bateria de testes que roda sozinha todo dia: escreve o script da tarefa que você pediu.
Roda no Codex e no Antigravity?
Roda. São scripts de Python e um ajudante de terminal, sem ferramenta exclusiva do Claude. O agente só precisa poder rodar comandos no seu computador.
Levar essa skill
1x webapp-testingR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/anthropics/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 corredorMatt Pocock
design-
Antes de escrever o código, você vê três ou mais formas bem diferentes de montar a API de um módulo e escolhe a melhor, ou junta o melhor de cada.Auditada208,8 mil instalações, grátisan- interface request-
A refatoração vira uma issue no GitHub com o problema, a solução, a lista de commits pequenos, as decisões e o que fica de fora, antes de mexer no código.Auditada202,4 mil instalações, grátisrefactor- plan qa
Você testa o app e vai contando o que deu errado; o agente faz duas ou três perguntas, entende o código e abre a issue no GitHub pronta pra resolver.Auditada198,7 mil instalações, grátisubiquitous-
Você e o agente passam a chamar cada coisa do negócio por um nome só, com definição de uma frase e a lista das palavras que saem de uso.Auditada197,2 mil instalações, grátislanguage tt-a1i
archify
Você descreve um sistema, um processo ou aponta o código, e o Claude entrega um diagrama em HTML conferido, com tema claro e escuro, animação e exportação.174,7 mil instalações, grátispr
Todo pull request sai com um resumo visual da mudança, a prova de que funciona e o tamanho do estrago se o merge der errado, sem enrolação.Auditada173,3 mil instalações, grátisconvex
convex
O Claude monta e mantém o backend do seu app no Convex, do protótipo à produção, sabendo qual skill usar pra cada tarefa.107,9 mil instalações, grátisdietrichgebert
ponytail
O Claude entrega a menor mudança que resolve o pedido inteiro, sem código sobrando, e no fim conta o que deixou de fora e qual o risco.Auditada105,8 mil instalações, grátis
Mais da loja Anthropic
Ver a loja AnthropicAnthropic
frontend-
Sua landing page ou seu app sai com identidade própria, tirada do assunto do seu negócio, e não com aquela cara de site gerado por IA.OficialAuditada1 milhão de instalações, grátisdesign 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 pptx
Você pede o deck e recebe um arquivo .pptx que abre no PowerPoint, com design pensado e cada slide conferido antes da entrega.Oficial242,3 mil instalações, grátispdf
Manda o PDF e pede: o Claude tira a tabela pra planilha, junta arquivos, preenche o formulário ou monta um relatório novo.Oficial216,9 mil instalações, grátisdocx
Relatório, contrato ou proposta sai em .docx de verdade, com sumário, tabelas e numeração, e dá pra revisar com alterações controladas e comentários.Oficial207,1 mil instalações, grátisxlsx
A planilha sai do Claude com fórmula no lugar de número digitado, sem #REF! nem #NOME?, e respeitando o jeito que o seu arquivo já estava montado.Oficial187,9 mil instalações, grátismcp-
Você aponta o serviço que quer ligar à IA e sai com um servidor MCP pronto, testado no MCP Inspector e com perguntas de avaliação.Oficial131,8 mil instalações, grátisbuilder canvas-
Uma peça visual de uma página, pôster ou arte, com composição pensada e pouco texto, entregue em PNG ou PDF junto com a filosofia que a guiou.OficialAuditada122,2 mil instalações, grátisdesign web-
O Claude cria uma interface com vários componentes, estado e navegação e entrega tudo num arquivo HTML só, sem servidor pra configurar.Oficial112,6 mil instalações, grátisartifacts- builder brand-
O Claude deixa seus slides, documentos e páginas com a cara da Anthropic: as cores certas, Poppins nos títulos e Lora no texto.OficialAuditada109,9 mil instalações, grátisguidelines theme-
Você escolhe um tema num catálogo visual e o Claude aplica as mesmas cores e fontes em todo o material, cuidando do contraste e da leitura.OficialAuditada95,3 mil instalações, grátisfactory doc-
Você despeja o contexto, o Claude monta o documento seção por seção e testa com um leitor sem contexto antes de você mandar pra alguém.Oficial94,4 mil instalações, grátiscoauthoring