Habilidades browser-devtools

📦

browser-devtools

Name: browser-devtools
Author: shreyam1008

Revisão do conteúdo r1 Seguro ⚙️ Comandos externos📁 Acesso ao sistema de arquivos🌐 Acesso à rede

Debug Chrome Web Apps with DevTools

Chrome web problems often require evidence from several browser surfaces, which makes diagnosis slow and inconsistent. This skill provides a focused workflow for reproducing issues, collecting bounded evidence, and verifying fixes with agent-browser and Chrome DevTools.

Suporta: Claude Codex Code(CC)

📊 76 Adequado

Instalar com meu Agente

Copie esta solicitação para o seu Agente. Ela inclui a página canônica do Skill e o manifesto.

Solicitação do agente

Review the Skillstore skill "browser-devtools" from https://skillstore.io/skills/shreyam1008-browser-devtools.md and its manifest at https://skillstore.io/api/skills/shreyam1008-browser-devtools/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.

Detalhe em Markdown GET /skills/shreyam1008-browser-devtools.md manifest assinado GET /api/skills/shreyam1008-browser-devtools/manifest lockfile assinado GET /api/skills/shreyam1008-browser-devtools/lockfile

Testar

Usando "browser-devtools". The checkout button appears to do nothing after a recent frontend change.

Resultado esperado:

Evidence: the click reaches the page, but the request is blocked during preflight. Cause: the new origin is missing the required CORS response. Verification: the same authorized test action succeeds after the server policy is corrected.

Usando "browser-devtools". A dashboard becomes slow after switching between two filters.

Resultado esperado:

Trace result: repeated rendering dominates the measured interaction.
Relevant path: the filter change remounts the results branch and repeats expensive work.
Next check: compare an equivalent interaction after stabilizing the branch identity.

Usando "browser-devtools". A React panel rerenders whenever an unrelated control changes.

Resultado esperado:

The focused component branch receives a changed object identity from its parent. The profile shows extra commits, but it does not establish a production-wide performance impact.

Auditoria de segurança

Seguro

v1 • 02/10/2026 Abrir o relatório versionado

All 15 static findings are false positives caused by documentation examples, safety warnings, or legitimate browser diagnostics. The reviewed files describe scoped, authorized investigation and include safeguards for secrets, profiles, request replay, and persistent browser state.

Arquivos analisados

281

Linhas analisadas

Itens de revisão

Falsos positivos ignorados

Fatores de risco

⚙️ Comandos externos (4)

references/backends.md:15 references/backends.md:17 references/backends.md:31 SKILL.md:8

📁 Acesso ao sistema de arquivos (2)

references/backends.md:7 references/backends.md:7

🌐 Acesso à rede (1)

SKILL.md:21

A auditoria estática e semântica concluída mais recente não detectou achados de segurança confirmados. Isso não comprova que a skill não tenha efeitos colaterais.

Auditado por: codex

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.

Abrir o relatório versionado

Copiar link do relatório

https://skillstore.io/skills/shreyam1008-browser-devtools/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Badge Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/shreyam1008-browser-devtools/security.svg)](https://skillstore.io/skills/shreyam1008-browser-devtools?utm_source=security_passport_badge)

Badge HTML

<a href="https://skillstore.io/skills/shreyam1008-browser-devtools?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/shreyam1008-browser-devtools/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Cartão incorporável

<iframe src="https://skillstore.io/embed/skills/shreyam1008-browser-devtools.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

shreyam1008. (2026). browser-devtools security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/shreyam1008-browser-devtools/audits/1

Citação BibTeX

@techreport{shreyam1008-shreyam1008-browser-devtools-2026,
  author = {shreyam1008},
  title = {browser-devtools security audit report (audit version 1)},
  institution = {Skillstore},
  year = {2026},
  number = {1},
  url = {https://skillstore.io/skills/shreyam1008-browser-devtools/audits/1},
  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: "browser-devtools security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
  - name: "shreyam1008"
date-released: "2026-10-02"
url: "https://skillstore.io/skills/shreyam1008-browser-devtools/audits/1"
identifiers:
  - type: other
    value: "skillstore:shreyam1008-browser-devtools:audit:1"
    description: "Skillstore immutable audit report identifier"

Pontuação do Skillstore

Por que esta pontuação Confiança das evidências: Médio

Arquitetura

Manutenibilidade

Conteúdo

Comunidade

Conformidade com a especificação

O que você pode criar

Diagnose a failed API request

Capture the failing transaction, inspect redirects and browser policies, trace the initiator, and verify the repair under comparable conditions.

Find a slow interaction

Record a focused interaction, separate network, rendering, and JavaScript costs, then identify the dominant measured path.

Investigate a React rendering issue

Inspect the relevant component branch and profile repeated commits without dumping unrelated application state.

Teste estes prompts

Start a browser diagnosis

Investigate this Chrome issue: [describe the symptom]. Use the intended test URL, reproduce it once, and report the observed evidence, likely cause, and next check.

Trace a failed request

Analyze the failed request for [action]. Capture the request and response details, redirect or preflight behavior, initiating source, and resulting UI state. Redact secrets.

Profile a slow interaction

Profile [interaction] in an isolated session. Record a short comparable trace, separate network, scripting, rendering, and paint costs, and identify the dominant measured path.

Validate a React performance hypothesis

Investigate whether [component or interaction] causes repeated expensive renders. Inspect the smallest relevant React branch, profile the same interaction before and after one controlled change, and report limits.

Boas práticas

Start collection before reproduction and keep the investigation scoped to the failing origin and action.
Redact credentials, cookies, signed URLs, and sensitive payloads before sharing traces, screenshots, HARs, or heap data.
Change one condition at a time, preserve normal browser behavior, and repeat the same scenario after a fix.

Evitar

Do not replay requests, clear storage, change security settings, or mutate application state without authorization.
Do not dump whole globals, session objects, component trees, HAR files, or heap snapshots when bounded evidence is enough.
Do not treat one trace, a successful terminal request, or a mocked response as proof of production behavior.