Skills
.Work. You
Rest

Chrome DevTools MCP Skill

Official

Automate browser testing with MCP DevTools.

Software Engineering#debugging#MCP#Chrome DevTools#browser-automation#visual-regression#end-to-end-testing
AuthorSternrassler
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill enables automated browser interactions, testing, debugging, and visual validation using the Chrome DevTools MCP Server, reducing manual QA effort and speeding frontend work.

Core Features & Use Cases

  • Page management, element interaction, and text/screenshot-based validation using the MCP protocol.
  • Visual regression and performance profiling through MCP-driven traces and console/network inspection.
  • Use Case: Iterate on UI flows, validate authenticated routes, and capture screenshots for visual QA.

Quick Start

Start the MCP server and run the included sample script to perform a simple page navigation and element interaction.

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 Skill
Download link: https://github.com/Sternrassler/eve-o-provit/archive/main.zip#chrome-devtools-mcp-skill

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 223,000+ vetted skills library on demand.