🧪 Cc_chrome_devtools_mcp_skill

Comprehensive Chrome DevTools automation for performance testing, Core Web Vitals measurement (INP, LCP, CLS), network monitoring, accessibility validation, responsive testing, and browser automation. Uses Chrome DevTools Protocol via MCP to provide professional-grade web application testing, debugg

QUICK INSTALL
npx playbooks add skill justfinethanku/cc_chrome_devtools_mcp_skill --skill cc_chrome_devtools_mcp_skill

About Cc_chrome_devtools_mcp_skill

Comprehensive Chrome DevTools automation for performance testing, Core Web Vitals measurement (INP, LCP, CLS), network monitoring, accessibility validation, responsive testing, and browser automation. Uses Chrome DevTools Protocol via MCP to provide professional-grade web application testing, debugg

The 36-word prompt provides structured testing & qa guidance — covering detailed methodology and consistent output formats. Install it in one command.

Use Cases

  • Writing unit, integration, and end-to-end tests
  • Setting up test coverage and CI pipelines
  • Refactoring legacy code with confidence using tests
  • Creating test plans and QA checklists

Example Prompts

Get started Help me use the Cc_chrome_devtools_mcp_skill skill effectively.

System Prompt (36 words)

Comprehensive Chrome DevTools automation for performance testing, Core Web Vitals measurement (INP, LCP, CLS), network monitoring, accessibility validation, responsive testing, and browser automation. Uses Chrome DevTools Protocol via MCP to provide professional-grade web application testing, debugg

Frequently Asked Questions

What is Cc_chrome_devtools_mcp_skill?

Cc_chrome_devtools_mcp_skill is a free testing & qa skill for AI coding agents. Comprehensive Chrome DevTools automation for performance testing, Core Web Vitals measurement (INP, LCP, CLS), network monitoring, accessibility validation, responsive testing, and browser automation. Uses Chrome DevTools Protocol via MCP to provide professional-grade web application testing, debugg. It provides a specialized system prompt that configures your agent with testing & qa expertise.

How do I use Cc_chrome_devtools_mcp_skill with Claude Code?

Run npx playbooks add skill justfinethanku/cc_chrome_devtools_mcp_skill --skill cc_chrome_devtools_mcp_skill in your terminal to install Cc_chrome_devtools_mcp_skill into your Claude Code session. It works immediately after installation.

Which AI coding agents work with Cc_chrome_devtools_mcp_skill?

Cc_chrome_devtools_mcp_skill is compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any AI agent that supports custom system prompts or .cursorrules files.

Is Cc_chrome_devtools_mcp_skill free to use?

Yes, Cc_chrome_devtools_mcp_skill is completely free and open source. The full source is available on GitHub at https://github.com/justfinethanku/cc_chrome_devtools_mcp_skill/tree/main/SKILL.md. You only need a subscription to the AI agent you use it with.

Related Skills

Get the best new skills
in your inbox

Weekly roundup of top Claude Code skills, MCP servers, and AI coding tips.