Skills
.Work. You
Rest

chrome-devtools-mcp-automation

Official

Automate Chrome for debugging and audits.

Software Engineering#debugging#browser automation#mcp#devtools#chrome#performance analysis#network inspection
AuthorAradotso
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill eliminates slow, error-prone manual browser debugging and performance investigation by letting an AI agent navigate, observe, and instrument Chrome via the DevTools interface.

Core Features & Use Cases

  • Browser automation for real sites: Navigate, click, type, and extract content so you can reproduce issues and complete UI flows reliably.
  • Debugging with high-fidelity signals: Inspect network activity (including failed requests) and capture console errors to diagnose production problems.
  • Performance analysis and Core Web Vitals: Record traces and compute metrics (optionally including CrUX data) to validate improvements and regressions.
  • Use Case: When a checkout page fails intermittently, you can reproduce the flow, collect failed network requests, capture console errors, and produce performance traces and metrics for root-cause analysis.

Quick Start

Use the chrome-devtools-mcp automation Skill to navigate to https://example.com, capture screenshots, and report any console errors and failed network requests.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: chrome-devtools-mcp-automation
Download link: https://github.com/Aradotso/mcp-skills/archive/main.zip#chrome-devtools-mcp-automation

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.