skills.rest
henkisdabro
henkisdabroCOMMUNITY
Explore all skills by this author →
Website𝕏@henkisGitHub

devtools

Automate Chrome remote debugging setup and launch via chrome-devtools-mcp.

77|9|Updated Oct 10, 2025
Search Tags:#screenshots#MCP#browser automation#chrome devtools#web performance#remote debugging
One-click install
npx skills add https://github.com/henkisdabro/wookstar-claude-plugins --skill devtools-henkisdabro
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: devtools
Source: https://github.com/henkisdabro/wookstar-claude-plugins/tree/main/plugins/developer/skills/devtools
Command: npx skills add https://github.com/henkisdabro/wookstar-claude-plugins --skill devtools-henkisdabro

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This skill automates the setup, configuration, and launch of Chrome with remote debugging via the chrome-devtools-mcp server, enabling Claude to visually inspect and interact with a live browser for debugging and automation tasks.

Core Features & Use Cases

  • Cross-platform setup for Windows, Linux, and WSL2 environments.
  • Automates environment detection, Chrome installation checks, MCP configuration, and starting a dev server or connecting to an existing one.
  • Use Case: When you need Claude to validate UI changes by taking screenshots, inspect DOM, console logs, and network requests, or automate browser interactions during development.

Quick Start

Run environment detection, verify Chrome installation, configure the chrome-devtools-mcp, detect or start a dev server, and launch Chrome with remote debugging.

Frequently Asked Questions about devtools

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I enable Chrome remote debugging for browser automation?▼

To enable Chrome remote debugging for browser automation, this skill automates environment detection, Chrome installation checks, and MCP configuration to launch Chrome with remote debugging across Windows, Linux, and WSL2.

Can I use Chrome DevTools MCP to capture screenshots and inspect network requests?▼

Yes, Chrome DevTools MCP enables Claude to visually inspect live web pages, capture screenshots, inspect the DOM, monitor console logs, and analyze API responses during browser automation.

Does Chrome DevTools MCP support WSL2 and Linux environments?▼

Chrome DevTools MCP supports cross-platform setup across Windows, Linux, and WSL2 environments, automatically detecting the operating system and configuring Chrome remote debugging accordingly.

What is the best way to automate Chrome DevTools setup for a dev server?▼

The best way to automate Chrome DevTools setup is by running environment detection, configuring the MCP server, and either detecting an existing dev server or starting a new one to launch Chrome with remote debugging.

Why is browser automation with remote debugging needed for UI validation?▼

Browser automation with remote debugging is needed for UI validation because it allows Claude to interact with a live browser, take screenshots of UI changes, and inspect console logs and network requests in real time.

Do I need to manually install Chrome before using remote debugging automation?▼

You do not need to manually install Chrome before using remote debugging automation, as the skill includes automated Chrome installation checks and environment detection to ensure proper setup before launching.

Related Skills

Explore More Software Engineering Skills→
X-School-AcademyX-School-Academy
19

install-wsl-auto

Automate WSL installation and validation on Windows operating systems.

Official
Advanced
josuenavarroaguadojosuenavarroaguado

browser-testing-with-devtools

Inspect live web pages and capture DOM, console, network, screenshot, and performance data via Chrome DevTools MCP.

Community
Advanced
GraffiohGraffioh

web-browser

Automate Chrome browser interactions via the Chrome DevTools Protocol.

Community
Advanced
ajilantonyajilantony

chrome-devtools

Automate browser interactions and inspections via the Chrome DevTools Protocol.

Community
Advanced