Web-Apps mit Chrome DevTools debuggen
Frontend-Fehler lassen sich allein anhand von Code oft schwer reproduzieren. Diese Skill leitet Claude, Codex und Claude Code durch das Sammeln von Nachweisen mit Chrome DevTools MCP.
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.
Review the Skillstore skill "dev-tools-skill" from https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill.md and its manifest at https://skillstore.io/api/skills/eccentric-jamaican-dev-tools-skill/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.
„dev-tools-skill“ wird verwendet. Meine Produktseite lädt als leerer Bildschirm.
Erwartetes Ergebnis:
Die Konsole zeigt den ersten App-Fehler während des Ladens. Die wahrscheinliche Ursache sind fehlende Daten vor dem Rendern. Vorgeschlagene Korrektur: Den Komponentenstatus absichern und mit einem Neuladen validieren.
„dev-tools-skill“ wird verwendet. Die Landingpage fühlt sich beim ersten Laden langsam an.
Erwartetes Ergebnis:
Der Trace weist auf langsames LCP durch ein großes Hero-Bild hin. Vorgeschlagene Korrektur: Responsive Bildgrößen bereitstellen und nicht kritische Skripte zurückstellen.
„dev-tools-skill“ wird verwendet. Der Dashboard-Login ist erfolgreich, aber es erscheinen keine Daten.
Erwartetes Ergebnis:
Die fehlschlagende Anfrage gibt einen Autorisierungsfehler zurück. Vorgeschlagene Korrektur: Den auth header und den Token-Refresh-Pfad prüfen, dann den Flow erneut testen.
All static findings were false positives caused by Markdown inline code for DevTools MCP tool names or benign debugging guidance. No prompt injection, data exfiltration intent, or malicious automation instructions were found. The skill emphasizes evidence gathering, read-only inspection where possible, and confirmation before destructive actions.
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/eccentric-jamaican-dev-tools-skill/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/eccentric-jamaican-dev-tools-skill/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/eccentric-jamaican-dev-tools-skill.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Eccentric-jamaican. (2026). dev-tools-skill security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill/audits/8@techreport{eccentric-jamaican-eccentric-jamaican-dev-tools-skill-2026,
author = {Eccentric-jamaican},
title = {dev-tools-skill security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill/audits/8},
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: "dev-tools-skill security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "Eccentric-jamaican"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill/audits/8"
identifiers:
- type: other
value: "skillstore:eccentric-jamaican-dev-tools-skill:audit:8"
description: "Skillstore immutable audit report identifier"
Snapshots, Screenshots, berechnete Stile und Browserinteraktionen untersuchen, um Layout- oder Klickprobleme zu finden.
Konsolenfehler und Netzwerkanfragen prüfen, um fehlschlagende Endpunkte, Payload-Probleme oder CORS-Probleme zu identifizieren.
Performance-Traces ausführen, die wichtigsten Erkenntnisse analysieren und sie mit Engpässen bei Assets, Skripten oder Layout verbinden.
Use the DevTools skill to inspect this page and explain why the button does not respond. Please describe each step in plain language.
Use the DevTools skill to review console and network evidence for this failed login flow. Find the first failing request and suggest a minimal fix.
Use the DevTools skill to run a performance trace with reload, identify the top insight, and connect it to network or layout evidence.
Use the DevTools skill to compare desktop and mobile layouts, inspect computed styles, reproduce the interaction, and propose a reversible patch plan.
Autor
Eccentric-jamaicanLizenz
MIT
Skillstore-Revision
r1
Versionshinweis
Der Autor hat keine Version angegeben.
Ref.
30c73eac2afe762f6aa9c4553158769369d47351
Aktualität der Wartung
21.7.2026
Nutzung
11 Downloads · 237 Aufrufe
Dateistruktur
Vue-3-Codequalität verbessern
von vuejs-ai
In Vue-Projekten sammeln sich im Laufe der Zeit häufig Fehler bei Reaktivität, Komponenten und Performance an. Dieser Skill bietet gezielte Vue-3-Anleitung für sicherere Muster und klareren Code.
Go-Performance mit Profiling optimieren
von 89jobrien
Go-Dienste können ohne klare Nachweise langsam oder speicherintensiv werden. Diese Skill-Anleitung unterstützt Profiling, Allokationsanalyse, Nebenläufigkeits-Tuning und benchmarkgestützte Optimierung.
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.
Produktionsreife Frontend-Funktionen entwickeln
von davila7
Frontend-Teams benötigen projektübergreifend einheitliche Leitlinien für React und Next.js. Dieser Skill bietet Referenz-Workflows, Qualitätspraktiken und Hilfsskripte für die Frontend-Analyse.
Next.js App Router-Architektur planen
von 89jobrien
Next.js-Teams können Schwierigkeiten haben, Routen, Komponenten, Datenladen und Migrationsschritte auszuwählen. Diese Skill bietet strukturierte Architekturberatung für App Router, Server Components und Performance.