Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Browser Testing With Devtools skill
Testa em navegadores reais com o Chrome DevTools MCP: inspeciona o DOM, captura erros e prints
- instalações
- 58,4 mil
- estrelas no GitHub
- 110,5 mil
- No skills.sh desde
- fevereiro de 2026
- Licença
- MIT
Atualizada no GitHub em 13 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
Nas palavras de quem fez
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture…
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 Browser Testing With Devtools 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 Browser Testing With Devtools, 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.
Levar essa skill
1x browser-testing-with-devtoolsR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/addyosmani/agent-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 corredorVercel
turborepo
O Claude mexe no turbo.json, no cache e no CI do seu monorepo seguindo a documentação exata da versão que você tem instalada.OficialAuditada84,7 mil instalações, grátisherdrdev
herdr
Dentro do Herdr, o Claude abre um painel ao lado, põe outro agente pra trabalhar, espera ele terminar e lê o resultado.Auditada73,1 mil instalações, grátisaddyosmani
spec-
O Claude para de sair codando no chute: primeiro escreve o que vai ser feito e como saber que ficou pronto, e só segue com o seu ok.Auditada64,8 mil instalações, grátisdriven- development msmps
opentui
O Claude escreve apps de terminal com OpenTUI seguindo as regras da biblioteca, escolhendo entre Core, React ou Solid e o componente certo pra cada coisa.Auditada64,5 mil instalações, grátisdietrichgebert
ponytail-
O Claude lê a mudança e o código em volta e devolve uma lista numerada do que corrigir, cada item com o caso concreto, a correção e o custo de pular.Auditada56,8 mil instalações, grátisreview doubt-
O Claude manda cada decisão arriscada pra um revisor que não viu a conversa e só procura defeito, e corrige antes de seguir em frente.Auditada56,5 mil instalações, grátisdriven- development ponytail-
Um relatório numerado do que consertar primeiro no seu projeto, explicado em palavras simples, sem o Claude alterar uma linha.Auditada45,2 mil instalações, grátisaudit kadajett
nestjs-
O Claude escreve e revisa o back-end em NestJS seguindo 40 regras ordenadas por impacto, cada uma com o código errado e o certo lado a lado.Auditada30,4 mil instalações, grátisbest- practices
Mais da loja addyosmani
Ver a loja addyosmanisecurity-
Protege o código contra vulnerabilidades: entrada de usuário, autenticação e armazenamento de dadosAuditada70 mil instalações, grátisand- hardening frontend-
Constrói interfaces acessíveis, responsivas e prontas para produção, com componentes e páginasAuditada67,2 mil instalações, grátisui- engineering performance-
Otimiza a performance de front-end, back-end, queries e bancos de dados, medindo antes de mexerAuditada65 mil instalações, grátisoptimization planning-
Quebra um trabalho em tarefas pequenas, ordenadas e verificáveis a partir de uma specAuditada64,1 mil instalações, grátisand- task- breakdown accessibility
Audita e melhora a acessibilidade web seguindo a WCAG 2.2, de leitor de tela a contrasteAuditada64,1 mil instalações, grátisdocumentation-
Registra decisões de arquitetura (ADRs) e documenta o porquê das escolhas feitas no códigoAuditada63,7 mil instalações, grátisand- adrs debugging-
Guia a depuração sistemática até a causa raiz quando teste falha, build quebra ou algo para de funcionar62,6 mil instalações, grátisand- error- recovery api-
Guia o desenho de APIs REST e GraphQL e de interfaces públicas estáveis e difíceis de usar erradoAuditada62,4 mil instalações, grátisand- interface- design test-
Conduz o desenvolvimento com testes no ciclo red-green-refactor, escrevendo o teste antes do códigoAuditada61,8 mil instalações, grátisdriven- development incremental-
Entrega mudanças em fatias finas e verificáveis, implementando e testando uma peça de cada vezAuditada61,7 mil instalações, grátisimplementation context-
Ajusta o contexto do agente para ele render melhor ao iniciar sessão ou trocar de tarefa61,4 mil instalações, grátisengineering git-
Organiza o fluxo de Git: commits, branches, conflitos e versionamento como pontos de salvamentoAuditada59,4 mil instalações, grátisworkflow- and- versioning