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.
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.
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.Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.
Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.
„browser-testing-with-devtools“ wird verwendet. Inspect the local task page after completing one task.
Erwartetes Ergebnis:
„browser-testing-with-devtools“ wird verwendet. Investigate a button that looks correct but does not respond.
Erwartetes Ergebnis:
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.
„browser-testing-with-devtools“ wird verwendet. Review a page before release.
Erwartetes Ergebnis:
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.
Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.
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
addyosmaniLizenz
MIT
Skillstore-Revision
r2
Versionshinweis
Der Autor hat keine Version angegeben.
Ref.
5d5054f8a23586f9b500fece1cb613a9dffc787b
Aktualität der Wartung
19.9.2026
Nutzung
1 Downloads · 0 Aufrufe
Dateistruktur
📄 SKILL.md
Code anhand von fünf Qualitätsdimensionen überprüfen
Codeänderungen können Probleme hinsichtlich Korrektheit, Sicherheit, Architektur, Lesbarkeit und Performance verbergen. Dieser Skill wendet einen strukturierten Review-Prozess an und liefert priorisiertes, umsetzbares Feedback.
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.
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.
Debug Errors with a Root-Cause Workflow
Debugging failures by guesswork wastes time and can hide the real cause. This skill provides a repeatable process for reproducing, isolating, fixing, and verifying problems.
Fehler und Ursachen debuggen
von 89jobrien
Fehler und Incidents sind schwer zu triagieren, wenn sich Hinweise über Logs, Stacktraces und Services verteilen. Dieser Skill strukturiert die Diagnose, parst Logs, erkennt Muster und leitet zu minimalen Fixes an.
Codekontext schneller finden
von 89jobrien
Entwickler verlieren häufig Zeit damit nachzuvollziehen, warum Code existiert und was davon abhängt. Dieser Skill veranlasst Claude, Codex oder Claude Code dazu, vor Änderungen zugehöriges Graph-Wissen, Aufrufer, Importe und Tests zu sammeln.
Bessere SwiftUI-Features entwickeln
von avdlee
In SwiftUI-Projekten können sich veraltete APIs, fragile Zustände und langsame View-Aktualisierungen ansammeln. Dieser Skill bietet gezielte Anleitung für modernen, wartbaren SwiftUI-Code.
Zuverlässige Agenten-Tools entwerfen
von Asmayaseen
Agenten scheitern, wenn Tool-Namen, Eingaben, Ausgaben oder Fehler mehrdeutig sind. Dieser Skill bietet praktische Muster für Tool-Beschreibungen, Schemas, Antwortformate und Tests.
Softwareprobleme systematisch debuggen
von Asmayaseen
Unstrukturiertes Beheben von Bugs verschwendet Zeit und kann den eigentlichen Fehler verdecken. Dieser Skill führt Claude, Codex und Claude Code durch evidenzbasierte Ursachenanalyse.
Kontextdegradation in KI-Agenten diagnostizieren
von ChakshuGautam
Lange Unterhaltungen und umfangreiche Prompts können dazu führen, dass KI-Agenten wichtige Informationen verlieren oder widersprüchlichem Kontext folgen. Dieser Skill hilft Claude, Codex und Claude Code dabei, Degradationsmuster zu erkennen und Minderungsstrategien auszuwählen.