chrome-devtools-mcp

How to start

1. Paste the command into Claude Code and press Enter.
2. Restart Claude Code so the plugin loads.
3. Just ask Claude. Its skills step in when your request fits.

What it adds

7 skills

Skills Claude loads these when the task fits

• a11y-debuggingUses Chrome DevTools MCP for accessibility (a11y) debugging and auditing based on web.dev guidelines. Use when testing semantic HTML, ARIA labels, focus states…
• chrome-devtools-cliUse this skill to write shell scripts or run shell commands to automate tasks in the browser or otherwise use Chrome DevTools via CLI.
• chrome-devtoolsUses Chrome DevTools via MCP for efficient debugging, troubleshooting and browser automation. Use when debugging web pages, automating browser interactions, an…
• cookie-debuggingUses Chrome DevTools MCP for inspecting, debugging, and testing cookies, session state, authentication issues, and cookie consent compliance. Use when diagnosi…
• debug-optimize-lcpGuides debugging and optimizing Largest Contentful Paint (LCP) using Chrome DevTools MCP tools. Use this skill whenever the user asks about LCP performance, sl…
• memory-leak-debuggingDiagnoses 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…
• troubleshootingUses Chrome DevTools MCP and documentation to troubleshoot connection and target issues. Trigger this skill when list_pages, new_page, or navigate_page fail, o…

Read from the plugin's own files in ChromeDevTools/chrome-devtools-mcp, 26 Oct 2026.

What it needs

No keys or settings: its files ask for none.