The skill that ships with Google's Chrome DevTools MCP server. It teaches Claude efficient ways to inspect a running page, from network requests to performance traces.

Who it is for

Frontend developers
QA testers
Performance engineers

Prompts to try

Once the skill is installed, ask for the result in plain words. Claude picks the skill up on its own.

Prompt 1

Open my site in Chrome and find why the product images load slowly

Prompt 2

Check which network request fails when I submit the form

Prompt 3

Profile the homepage and tell me what hurts performance

How to install it

In Claude Code

>/plugin install chrome-devtools-mcp@claude-plugins-official

In Claude.ai

Not practical in Claude.ai because the skill drives local command-line tools, so use Claude Code.

Good to know

The plugin also includes skills for accessibility debugging, LCP optimization and memory leaks.

Unlock the install steps

Free. Leave your email once to open the install steps for all 149 skills, and get the best new skills each month.

How we checked it

Confirmed SKILL.md at skills/chrome-devtools/SKILL.md in ChromeDevTools/chrome-devtools-mcp via the GitHub API; skill folder last changed 2026-09-24, repo has 53,729 stars and was pushed 2026-10-17; the chrome-devtools-mcp plugin in Anthropic's official marketplace points to this repo.

Source: github.com/ChromeDevTools/chrome-devtools-mcp/tree/main/skills/chrome-devtools

Chrome DevTools