Habilidades browser-devtools

📦

browser-devtools

Name: browser-devtools
Author: shreyam1008

Revisión del contenido r1 Seguro ⚙️ Comandos externos📁 Acceso al sistema de archivos🌐 Acceso a red

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.

Compatible con: Claude Codex Code(CC)

📊 76 Adecuado

Maintain this Skill? Claim it 📊 76 Adecuado

Instalar con mi Agente

Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.

Solicitud de 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.

Tu Agente debe seguir mostrando su plan y solicitar cualquier confirmación exigida por la política de seguridad.

Recursos legibles por agentes

Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.

Detalle Markdown GET /skills/shreyam1008-browser-devtools.md Manifest firmado GET /api/skills/shreyam1008-browser-devtools/manifest Lockfile firmado GET /api/skills/shreyam1008-browser-devtools/lockfile

Pruébalo

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.

Auditoría de seguridad

Seguro

v1 • 2/10/2026 Abrir el informe 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.

Archivos escaneados

281

Líneas analizadas

Elementos de revisión

Falsos positivos ignorados

Factores de riesgo

⚙️ Comandos externos (4)

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

📁 Acceso al sistema de archivos (2)

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

🌐 Acceso a red (1)

SKILL.md:21

La auditoría estática y semántica completada más reciente no detectó hallazgos de seguridad confirmados. Esto no demuestra que el skill no tenga efectos secundarios.

Auditado por: codex

Compartir y citar este informe

Comparte el informe de evaluación versionado, la insignia neutral, la tarjeta insertable y las citas. Skillstore presenta evidencias sin decidir si este Skill es seguro.

Abrir el informe versionado

Copiar enlace del informe

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

Insignia 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)

Insignia 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>

Tarjeta para insertar

<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>

Citas académicas (APA · BibTeX · CFF)

Cita 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 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"

Puntuación de Skillstore

Por qué esta puntuación Confianza de la evidencia: Medio

Arquitectura

Mantenibilidad

Contenido

Comunidad

Cumplimiento de la especificación

Lo que puedes crear

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.

Prueba estos 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.

Mejores prácticas

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.