BeClaude

cc_chrome_devtools_mcp_skill

New
23Community RegistryGeneralby Jonathan Edwards · MIT

Automated Chrome browser testing with frontend visibility. Enables Claude Code to see and fix your web applications through Chrome DevTools Protocol - performance testing, Core Web Vitals measurement, accessibility validation, network monitoring, and browser automation.

First seen 5/22/2026

Install & Usage

1
Open your MCP config
~/.claude.json
2
Add the server config

Add the configuration to "mcpServers": { "cc-chrome-devtools-mcp-skill": { "command": "...", "args": [] } }

3
Restart Claude Code
/mcp
View source on GitHub
testingfrontendmcpchromedevtoolsperformanceautomationcore-web-vitals

Security Audits

LicensePassSourceWarnRepositoryPass

Frequently Asked Questions

What is cc_chrome_devtools_mcp_skill?

Automated Chrome browser testing with frontend visibility. Enables Claude Code to see and fix your web applications through Chrome DevTools Protocol - performance testing, Core Web Vitals measurement, accessibility validation, network monitoring, and browser automation.

How to install cc_chrome_devtools_mcp_skill?

To install cc_chrome_devtools_mcp_skill: open your mcp config (~/.claude.json), then add the config to "mcpServers": { "cc-chrome-devtools-mcp-skill": { "command": "...", "args": [] } }. Finally, /mcp in Claude Code.

What is cc_chrome_devtools_mcp_skill best for?

cc_chrome_devtools_mcp_skill is a mcp categorized under General. It is designed for: testing, frontend, mcp, chrome, devtools, performance, automation, core-web-vitals. Created by Jonathan Edwards.