Nutzung des Chrome DevTools MCP für Barrierefreiheits- (a11y) Debugging und Audits basierend auf den web.dev-Richtlinien. Verwende dies beim Testen von semantischem HTML, ARIA-Labels, Fokus-Zuständen, Tastaturnavigation, Touch-Zielen und Farbkontrast.
Diese Fähigkeit nutzt das Chrome DevTools MCP, um umfassende Accessibility-Debugging- und Audit-Analysen gemäß den web.dev-Richtlinien durchzuführen. Sie ermöglicht Entwicklern, semantische HTML-Strukturen, ARIA-Labels, Fokus-Zustände, Tastaturnavigation, Touch-Ziele und Farbkontraste zu prüfen. Die Fähigkeit ist besonders nützlich für Benutzer von AI-Agenten wie Claude Code, Cursor oder Codex, die Barrierefreiheitsprobleme effizient erkennen und beheben möchten. Sie arbeitet direkt mit den Chrome Developer Tools zusammen, um eine nahtlose Integration in den Entwicklungsablauf zu gewährleisten, indem sie automatisch Seiten analysiert, Berichte erstellt und gesetzliche Anforderungen wie WCAG unterstützt. Mit dieser Fähigkeit können AI-Agenten Entwickler proaktiv auf Barrieren hinweisen und Korrekturen vorschlagen.
npx skills add https://github.com/chromedevtools/chrome-devtools-mcp/tree/main/skills/a11y-debuggingInstalled? Explore more Produktivität & Zusammenarbeit skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →
Nutzung des Chrome DevTools MCP für Accessibility (a11y) Debugging und Audits basierend auf den web.dev-Richtlinien. Verwende dies beim Testen von semantischem HTML, ARIA-Labels, Fokus-Zuständen, Tastaturnavigation, Touch-Zielen und Farbkontrast.
This repo contains 6 individual skills — each has its own dedicated page.
Uses Chrome DevTools via MCP for efficient debugging, troubleshooting and browser automation. Use when debugging web pages, automating browser interactions, analyzing performance, or inspecting network requests. This skill does not apply to `--slim` mode (MCP configuration).
Use this skill to write shell scripts or run shell commands to automate tasks in the browser or otherwise use Chrome DevTools via CLI.
Uses Chrome DevTools MCP for inspecting, debugging, and testing cookies, session state, authentication issues, and cookie consent compliance. Use when diagnosing 401/403 errors, authentication redirects, session expiration, Cookie/Set-Cookie header issues, cookie banner consent conformance, or third-party cookie/SameSite/Partitioned cookie warnings.
Guides debugging and optimizing Largest Contentful Paint (LCP) using Chrome DevTools MCP tools. Use this skill whenever the user asks about LCP performance, slow page loads, Core Web Vitals optimization, or wants to understand why their page's main content takes too long to appear. Also use when the user mentions "largest contentful paint", "page load speed", "CWV", or wants to improve how fast their hero image or main content renders.
Diagnoses and resolves memory leaks in JavaScript/Node.js applications. Use when a user reports high memory usage, OOM errors, or wants to capture, compare, or inspect heap snapshots with Chrome DevTools MCP memory tools.
Uses Chrome DevTools MCP and documentation to troubleshoot connection and target issues. Trigger this skill when list_pages, new_page, or navigate_page fail, or when the server initialization fails.
Gemini CLI one-shot prompts, summaries, generation, skills, hooks, MCP, or Gemma routing.
Fetch GitHub issues, select candidates, spawn background fix agents, open PRs, and optionally process PR review comments.
Create, edit, audit, tidy, validate, or restructure AgentSkills and SKILL.md files.
Search, install, update, sync, or publish agent skills with the ClawHub CLI and registry.
Delegate coding work to Codex, Claude Code, or OpenCode as background workers; not simple edits or read-only code lookup.
List, configure, authenticate, call, and inspect MCP servers/tools with mcporter over HTTP or stdio.