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.
Copiez cette demande dans votre Agent. Elle contient la page Skill de référence et le manifeste.
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.Votre Agent doit toujours présenter son plan et demander toute confirmation exigée par la politique de sécurité.
Utilisez ces liens lorsqu’un Agent IA, un crawler ou un script a besoin d’un contexte propre au lieu de lire toute la page.
Utilisation de « browser-testing-with-devtools ». Inspect the local task page after completing one task.
Résultat attendu:
Utilisation de « browser-testing-with-devtools ». Investigate a button that looks correct but does not respond.
Résultat attendu:
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.
Utilisation de « browser-testing-with-devtools ». Review a page before release.
Résultat attendu:
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.
Partagez le rapport d’évaluation versionné, le badge neutre, la carte intégrable et les citations. Skillstore présente les preuves sans décider si ce Skill est sûr.
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.
Auteur
addyosmaniLicence
MIT
Révision Skillstore
r2
Avis de version
L’auteur n’a déclaré aucune version.
Réf
5d5054f8a23586f9b500fece1cb613a9dffc787b
Récence de maintenance
19/09/2026
Utilisation
1 téléchargements · 0 vues
Structure de fichiers
📄 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.
Examiner le code selon cinq axes de qualité
Les modifications de code peuvent dissimuler des problèmes de fiabilité, de sécurité, d’architecture, de lisibilité et de performances. Cette compétence applique un processus d’examen structuré et produit des retours hiérarchisés et exploitables.
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.
Déboguer les erreurs et les causes profondes
par 89jobrien
Les erreurs et les incidents sont difficiles à trier lorsque les preuves sont réparties entre journaux, traces de pile et services. Cette skill structure le diagnostic, analyse les journaux, identifie les modèles et guide les correctifs minimaux.
Trouver le contexte du code plus rapidement
par 89jobrien
Les développeurs perdent souvent du temps à retracer pourquoi du code existe et ce qui en dépend. Cette skill invite Claude, Codex ou Claude Code à rassembler les connaissances de graphe associées, les appelants, les imports et les tests avant les modifications.
Créer de meilleures fonctionnalités SwiftUI
par avdlee
Les projets SwiftUI peuvent accumuler des API obsolètes, un état fragile et des mises à jour de vues lentes. Cette compétence fournit des conseils ciblés pour un code SwiftUI moderne et maintenable.
Concevoir des outils d'agent fiables
par Asmayaseen
Les agents échouent lorsque les noms d'outils, les entrées, les sorties ou les erreurs sont ambigus. Cette compétence fournit des modèles pratiques pour les descriptions d'outils, les schémas, les formats de réponse et les tests.
Déboguer systématiquement les problèmes logiciels
par Asmayaseen
La correction non structurée de bugs fait perdre du temps et peut masquer la véritable défaillance. Cette skill guide Claude, Codex et Claude Code dans une analyse des causes racines fondée sur des preuves.
Diagnostiquer la dégradation du contexte chez les agents IA
par ChakshuGautam
Les longues conversations et les grands prompts peuvent amener les agents IA à perdre des informations importantes ou à suivre un contexte contradictoire. Cette skill aide Claude, Codex et Claude Code à identifier les schémas de dégradation et à choisir des stratégies d’atténuation.