Test Browser Experiences with Chrome DevTools
Browser bugs can hide behind static code and incomplete unit tests. This skill uses Chrome DevTools MCP to inspect live behavior and verify fixes with runtime evidence.
Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.
Review the Skillstore skill "browser-testing-with-devtools" from https://skillstore.io/skills/addyosmani-browser-testing-with-devtools.md and its manifest at https://skillstore.io/api/skills/addyosmani-browser-testing-with-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.
Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.
Usando "browser-testing-with-devtools". Inspect the local task page after completing one task.
Resultado esperado:
Usando "browser-testing-with-devtools". Investigate a button that looks correct but does not respond.
Resultado esperado:
The button is present in the DOM, but its click handler throws a runtime error. The error appears in the console before any network request is sent.
Usando "browser-testing-with-devtools". Review a page before release.
Resultado esperado:
All 30 static findings are false positives in the audited documentation. The command, filesystem, network, screenshot, reconnaissance, and prompt-injection matches describe configuration, safe testing boundaries, or local verification steps rather than malicious behavior.
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.
https://skillstore.io/skills/addyosmani-browser-testing-with-devtools/audits/2?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/addyosmani-browser-testing-with-devtools?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/addyosmani-browser-testing-with-devtools?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/addyosmani-browser-testing-with-devtools/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/addyosmani-browser-testing-with-devtools.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>addyosmani. (2026). browser-testing-with-devtools security audit report (audit version 2) [Author version unspecified]. Skillstore. https://skillstore.io/skills/addyosmani-browser-testing-with-devtools/audits/2@techreport{addyosmani-addyosmani-browser-testing-with-devtools-2026,
author = {addyosmani},
title = {browser-testing-with-devtools security audit report (audit version 2)},
institution = {Skillstore},
year = {2026},
number = {2},
url = {https://skillstore.io/skills/addyosmani-browser-testing-with-devtools/audits/2},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "browser-testing-with-devtools security audit report (audit version 2)"
version: "unspecified"
type: report
authors:
- name: "addyosmani"
date-released: "2026-09-19"
url: "https://skillstore.io/skills/addyosmani-browser-testing-with-devtools/audits/2"
identifiers:
- type: other
value: "skillstore:addyosmani-browser-testing-with-devtools:audit:2"
description: "Skillstore immutable audit report identifier"
Reproduce a layout or interaction bug, inspect the DOM and styles, capture evidence, and verify the implemented fix.
Exercise a browser workflow and confirm request methods, payloads, responses, and console behavior against expected results.
Check accessibility structure, visual output, performance signals, and browser errors before shipping a user-facing change.
Open the local page I provide. Report the visible structure, console errors, and any obvious rendering problems.
Reproduce the reported UI issue, inspect the affected element and computed styles, then verify the fix with a fresh screenshot.
Run the specified user flow. Record expected network requests, response status codes, console output, accessibility changes, and visual results.
Capture a performance trace before and after the change. Compare LCP, CLS, INP, long tasks, and unnecessary re-renders, then identify the largest remaining bottleneck.
Autor
addyosmaniLicencia
MIT
Revisión de Skillstore
r2
Aviso de versión
El autor no declaró una versión.
Ref.
5d5054f8a23586f9b500fece1cb613a9dffc787b
Actualidad del mantenimiento
19/9/2026
Uso
1 descargas · 0 vistas
Estructura de archivos
📄 SKILL.md
Clarify User Intent Before You Build
Underspecified requests cause teams to build the wrong outcome and discover misalignment late. This skill runs a focused, one-question interview that turns ambiguity into confirmed intent.
Revisar código según cinco ejes de calidad
Los cambios de código pueden ocultar problemas de corrección, seguridad, arquitectura, legibilidad y rendimiento. Esta habilidad aplica un proceso de revisión estructurado y genera comentarios priorizados y prácticos.
Plan Work Into Verifiable Tasks
Large or vague software work can hide dependencies, missing acceptance criteria, and verification gaps. This skill converts a specification into ordered task slices with checkpoints, scope guidance, and clear completion conditions.
Document Decisions and Architecture Clearly
Teams lose context when important technical decisions remain in chat, code comments, or individual memory. This skill turns architectural reasoning, API guidance, project instructions, and release changes into structured documentation.
Build Accessible, Production-Ready Frontends
Frontend work can become inconsistent, inaccessible, or difficult to maintain. This skill guides component architecture, responsive layouts, state handling, and polished user experiences.
Harden Applications Against Security Risks
Security reviews can miss trust boundaries and unsafe data flows. This skill supplies threat-modeling prompts, OWASP patterns, and practical review checklists.
Depurar errores y causas raíz
por 89jobrien
Los errores e incidentes son difíciles de clasificar cuando la evidencia está dispersa entre logs, trazas de pila y servicios. Esta habilidad estructura el diagnóstico, analiza logs, identifica patrones y guía correcciones mínimas.
Encuentra contexto de código más rápido
por 89jobrien
Los desarrolladores a menudo pierden tiempo rastreando por qué existe el código y qué depende de él. Esta skill guía a Claude, Codex o Claude Code para recopilar conocimiento relacionado del grafo, llamadores, importaciones y pruebas antes de hacer cambios.
Crea mejores funcionalidades con SwiftUI
por avdlee
Los proyectos de SwiftUI pueden acumular API obsoletas, estado frágil y actualizaciones de vista lentas. Esta habilidad ofrece orientación enfocada para escribir código SwiftUI moderno y mantenible.
Diseña herramientas de agentes fiables
por Asmayaseen
Los agentes fallan cuando los nombres de las herramientas, las entradas, las salidas o los errores son ambiguos. Esta habilidad ofrece patrones prácticos para descripciones de herramientas, esquemas, formatos de respuesta y pruebas.
Depurar problemas de software de forma sistemática
por Asmayaseen
La corrección de errores sin estructura desperdicia tiempo y puede ocultar la falla real. Esta habilidad guía a Claude, Codex y Claude Code mediante un análisis de causa raíz basado en evidencias.
Diagnosticar la degradación del contexto en agentes de IA
por ChakshuGautam
Las conversaciones largas y los prompts extensos pueden hacer que los agentes de IA pierdan información importante o sigan contexto conflictivo. Esta skill ayuda a Claude, Codex y Claude Code a identificar patrones de degradación y elegir estrategias de mitigación.