skills.rest
spaethtech
spaethtechCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

chrome

Configure Chrome DevTools MCP and run UI testing scripts.

Updated Jan 30, 2026
Search Tags:#automation#debugging#mcp#devtools#chrome#ui-testing
One-click install
npx skills add https://github.com/spaethtech/sveltekit-auth --skill chrome-spaethtech
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chrome
Source: https://github.com/spaethtech/sveltekit-auth/tree/main/.claude/skills/chrome
Command: npx skills add https://github.com/spaethtech/sveltekit-auth --skill chrome-spaethtech

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Chrome DevTools MCP setup and ongoing control can be tedious to configure consistently across local and remote environments. This skill automates the initialization and operation of Chrome DevTools MCP for UI testing, debugging, and troubleshooting.

Core Features & Use Cases

  • Take page snapshots and screenshots
  • Inspect network requests and console messages
  • Click elements, fill forms, and navigate
  • Debug UI issues in real-time

Quick Start

Run the local.ps1 or remote.ps1 script to start Chrome with MCP debugging and load the corresponding configuration.

Frequently Asked Questions about chrome

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

FAQPage Schema
How do I configure Chrome DevTools MCP for UI debugging and testing?▼

You can use Chrome DevTools MCP for remote UI debugging over SSH by running the remote.ps1 script, which starts Chrome with remote debugging enabled and applies the necessary .mcp.json configuration for your remote environment.

Does Chrome DevTools MCP work with WSL environments?▼

Yes, Chrome DevTools MCP works with local WSL environments by reading and merging .mcp.json entries and using the local.ps1 script to start Chrome with the required remote debugging ports for UI testing.

What UI testing actions can I automate with Chrome DevTools MCP?▼

To start Chrome with remote debugging for MCP integration, you execute the provided local.ps1 or remote.ps1 scripts, which handle the port configuration and merge the required .mcp.json entries for DevTools communication.

What prerequisites do I need to run Chrome DevTools MCP scripts?▼

To run Chrome DevTools MCP scripts, you need the prettier-plugin-powershell installed, as the skill enforces this prerequisite when working with the local.ps1 and remote.ps1 files to ensure proper script formatting and execution.

Related Skills

Explore More Software Engineering Skills→
henkisdabrohenkisdabro
77

devtools

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

Community
Advanced
softmgsoftmg

browser

Automate web browsing and UI interactions using accessibility-tree snapshots with stable element refs.

Official
Intermediate
alexaundrealexaundre

ssh-tunnel

Start, stop, and check public SSH tunnels for remote Claude Code debugging.

Community
Intermediate
wesleyegbertowesleyegberto
3

chrome-devtools

Automate browser control and debugging via the Chrome DevTools Protocol.

Community
Advanced