dev-tools-skill
Depure Web Apps com Chrome DevTools
Bugs de frontend podem ser difíceis de reproduzir apenas a partir do código. Esta skill orienta Claude, Codex e Claude Code na coleta de evidências via Chrome DevTools MCP.
Instalar com meu Agente
Copie esta solicitação para o seu Agente. Ela inclui a página canônica do Skill e o manifesto.
Review the Skillstore skill "dev-tools-skill" from https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill.md and its manifest at https://skillstore.io/api/skills/eccentric-jamaican-dev-tools-skill/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Seu Agente ainda deve apresentar o plano e solicitar qualquer confirmação exigida pela política de segurança.
Recursos legíveis por agentes
Use estes links quando um agente de IA, crawler ou script precisar de contexto limpo em vez de ler a página completa.
Testar
Usando "dev-tools-skill". Minha página de produto carrega como uma tela em branco.
Resultado esperado:
O console mostra o primeiro erro do app durante o carregamento. A causa provável é a ausência de dados antes da renderização. Correção sugerida: proteger o estado do componente e validar com um reload.
Usando "dev-tools-skill". A landing page parece lenta no primeiro carregamento.
Resultado esperado:
O trace aponta para LCP lento causado por uma imagem hero grande. Correção sugerida: servir tamanhos de imagem responsivos e adiar scripts não críticos.
Usando "dev-tools-skill". O login do dashboard é bem-sucedido, mas nenhum dado aparece.
Resultado esperado:
A requisição com falha retorna um erro de autorização. Correção sugerida: verificar o auth header e o caminho de renovação do token, depois testar novamente o fluxo.
Auditoria de segurança
SeguroAll static findings were false positives caused by Markdown inline code for DevTools MCP tool names or benign debugging guidance. No prompt injection, data exfiltration intent, or malicious automation instructions were found. The skill emphasizes evidence gathering, read-only inspection where possible, and confirmation before destructive actions.
Fatores de risco
Compartilhar e citar este relatório
Compartilhe o relatório de avaliação versionado, o badge neutro, o cartão incorporável e as citações. A Skillstore apresenta evidências sem decidir se este Skill é seguro.
Copiar link do relatório
https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportBadge Markdown
[](https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill?utm_source=security_passport_badge)Badge HTML
<a href="https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/eccentric-jamaican-dev-tools-skill/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Cartão incorporável
<iframe src="https://skillstore.io/embed/skills/eccentric-jamaican-dev-tools-skill.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Citações acadêmicas (APA · BibTeX · CFF)
Citação APA
Eccentric-jamaican. (2026). dev-tools-skill security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill/audits/8Citação BibTeX
@techreport{eccentric-jamaican-eccentric-jamaican-dev-tools-skill-2026,
author = {Eccentric-jamaican},
title = {dev-tools-skill security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill/audits/8},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "dev-tools-skill security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "Eccentric-jamaican"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill/audits/8"
identifiers:
- type: other
value: "skillstore:eccentric-jamaican-dev-tools-skill:audit:8"
description: "Skillstore immutable audit report identifier"
Pontuação do Skillstore
Por que esta pontuação Confiança das evidências: AltoO que você pode criar
Diagnosticar Bugs de Interação na UI
Inspecione snapshots, screenshots, estilos computados e interações do navegador para encontrar problemas de layout ou clique.
Investigar Fluxos com Falha no Navegador
Analise erros do console e requisições de rede para identificar endpoints com falha, problemas de payload ou problemas de CORS.
Triar Páginas Web Lentas
Execute traces de performance, analise os principais insights e conecte-os a gargalos de assets, scripts ou layout.
Teste estes prompts
Use a skill do DevTools para inspecionar esta página e explicar por que o botão não responde. Descreva cada etapa em linguagem simples.
Use a skill do DevTools para analisar evidências do console e da rede neste fluxo de login com falha. Encontre a primeira requisição com falha e sugira uma correção mínima.
Use a skill do DevTools para executar um trace de performance com reload, identificar o principal insight e conectá-lo a evidências de rede ou layout.
Use a skill do DevTools para comparar layouts desktop e mobile, inspecionar estilos computados, reproduzir a interação e propor um plano de patch reversível.
Boas práticas
- Comece com um snapshot, mensagens do console e requisições de rede antes de alterar código.
- Mantenha scripts DOM como somente leitura, a menos que o usuário aprove uma mutação controlada.
- Resuma as evidências, a causa provável, a menor correção e as etapas de validação.
Evitar
- Enviar formulários ou acionar ações destrutivas sem confirmação explícita do usuário.
- Partir para uma alteração de código antes de coletar evidências do navegador.
- Executar mutações DOM amplas durante o diagnóstico quando a observação é suficiente.
Perguntas frequentes
Esta skill requer Chrome DevTools MCP?
Ela consegue corrigir bugs de API backend?
Ela enviará formulários automaticamente?
Quais evidências ela coleta?
Iniciantes podem usá-la?
Quais ferramentas de AI são suportadas?
Detalhes do desenvolvedor
Autor
Eccentric-jamaicanLicença
MIT
Revisão da Skillstore
r1
Aviso de versão
O autor não declarou uma versão.
Referência
30c73eac2afe762f6aa9c4553158769369d47351
Atualidade da manutenção
25/07/2026
Uso
15 downloads · 237 visualizações
Estrutura de arquivos