chrome-devtools-mcp
CommunityAutomate browser testing and UI checks.
Software Engineering#debugging#browser automation#mcp#chrome devtools#ui testing#visual verification
AuthorMichael0520
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates tedious and repetitive UI testing tasks in web browsers, ensuring visual consistency, catching errors early, and verifying user interactions without manual effort.
Core Features & Use Cases
- UI Testing: Perform automated visual checks, interaction testing, and debugging of web applications.
- Browser Automation: Control browser navigation, element interactions, and capture screenshots.
- Use Case: After developing a new feature, use this Skill to automatically open the page, interact with the new elements, take screenshots, and check the console for errors, ensuring a smooth user experience.
Quick Start
Use the chrome-devtools-mcp skill to open a new page at http://localhost:3000 and take a screenshot.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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 Download link: https://github.com/Michael0520/milo-claudekit/archive/main.zip#chrome-devtools-mcp Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.