Communitygithub.com

EraWeb3333/chrome-mcp-ui-audit

Eine wiederverwendbare Claude-Code-Fähigkeit für UI/QA-Audits von Webanwendungen über Chrome DevTools MCP – erfasst die nicht offensichtlichen Tool-Fallen, Modal-/Fokusfallen und Snippets zur Barrierefreiheits-, Begriffs- und Netzwerkinspektion.

Was ist chrome-mcp-ui-audit?

Diese Claude-Code-Fähigkeit (Skill) namens `EraWeb3333/chrome-mcp-ui-audit` unterstützt Entwickler und QA-Ingenieure bei der Durchführung von UI- und Qualitätsaudits von Webanwendungen. Sie nutzt die Chrome DevTools MCP (Model Context Protocol), um tiefgehende Einblicke in den Seitenstatus, das DOM, Barrierefreiheitsprobleme, Netzwerkaktivitäten und potenzielle Fallstricke wie Modal- oder Fokusfallen zu erhalten. Der Skill bietet vorgefertigte Snippets und Checklisten, die typische, aber leicht übersehene Probleme bei Web-App-Tests abdecken, wie etwa inkorrekte ARIA-Attribute, fehlerhafte Tastaturnavigation oder übermäßige Netzwerkanfragen. Er ist als `.cursorrules`-Datei für Claude Code optimiert und lässt sich nahtlos in Entwicklungs- und Testworkflows integrieren, um Audits effizienter und systematischer zu gestalten.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add EraWeb3333/chrome-mcp-ui-audit

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht chrome-mcp-ui-audit?

Eine wiederverwendbare Claude-Code-Fähigkeit für UI/QA-Audits von Webanwendungen über Chrome DevTools MCP – erfasst die nicht offensichtlichen Tool-Fallen, Modal-/Fokusfallen und Snippets zur Barrierefreiheits-, Begriffs- und Netzwerkinspektion.

Verwandte Skills