Skill

cc_chrome_devtools_mcp_skill

cc_chrome_devtools_mcp_skill — a Claude Code skill from justfinethanku/cc_chrome_devtools_mcp_skill

Features

✓**27 Professional-Grade Tools**: Full Chrome DevTools Protocol access through MCP (even Mike Dion couldn't think of this many)
✓**Performance Testing**: Automatic Core Web Vitals measurement (INP ≤200ms, LCP ≤2.5s, CLS ≤0.1)
✓**Network Analysis**: HAR export, request/response inspection, timing breakdowns
✓**Accessibility Validation**: Full accessibility tree inspection with WCAG compliance checking (something even Mike Dion would appreciate)
✓**Device Emulation**: Test mobile devices, throttle CPU/network, responsive viewports
✓**Browser Automation**: Click, fill forms, drag elements, handle dialogs - all automatically
✓**Screenshot Capture**: Full page, specific elements, multiple formats
✓**Multi-Tab Management**: Test complex workflows across multiple pages simultaneously
✓**Console Monitoring**: Capture JavaScript errors, warnings, and logs in real-time
✓**Visual Testing**: See exactly what users see, at any viewport size

Open your terminal

Start Claude Code:

bash

   claude

Add the marketplace to Claude Code:

text

   /plugin marketplace add https://github.com/justfinethanku/cc_chrome_devtools_mcp_skill

Install the plugin:

text

   /plugin install cc_chrome_devtools_mcp_skill

Done! The skill is now installed and ready to use

Clone the repository:

bash

   git clone https://github.com/justfinethanku/cc_chrome_devtools_mcp_skill

Choose where to install:

For all projects (personal skills directory):

bash

   cp -r cc_chrome_devtools_mcp_skill ~/.claude/skills/

For current project only (project-specific):

bash

   cp -r cc_chrome_devtools_mcp_skill .claude/skills/