skills.rest
MichelKerkmeester
MichelKerkmeesterCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

mcp-chrome-devtools

Route browser automation tasks between a CLI and MCP workflows.

31|3|Updated Dec 23, 2025
Search Tags:#routing#cdp#chrome-devtools#browser-automation#bdg#mcp-code-mode
One-click install
npx skills add https://github.com/MichelKerkmeester/opencode--spec-kit-skilled-agent-orchestration --skill mcp-chrome-devtools-michelkerkmeester
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mcp-chrome-devtools
Source: https://github.com/MichelKerkmeester/opencode--spec-kit-skilled-agent-orchestration/tree/main/.opencode/skill/mcp-chrome-devtools
Command: npx skills add https://github.com/MichelKerkmeester/opencode--spec-kit-skilled-agent-orchestration --skill mcp-chrome-devtools-michelkerkmeester

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This skill provides a dual-path orchestration surface that routes browser automation tasks between the lightweight CLI (bdg) and the MCP Code Mode integration, enabling fast, deterministic tasks or richer multi-tool workflows.

Core Features & Use Cases

  • Intelligent routing: prefer CLI when available, with MCP as a fallback for Code Mode workflows.
  • Full Chrome DevTools Protocol access: navigate, screenshot, HAR export, DOM queries, cookies, and runtime evaluation.
  • Use cases: execute quick browser tasks in AI prompts or orchestrate parallel MCP-enabled browser instances for comparison or multi-tool automation.

Quick Start

Start by installing the bdg CLI for fast tasks, or configure Code Mode MCP when integrating with other tools.

Frequently Asked Questions about mcp-chrome-devtools

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

FAQPage Schema
How do I automate browser debugging with Chrome DevTools Protocol from a CLI?▼

Automate browser debugging by routing tasks through a lightweight CLI named bdg, which supports Chrome DevTools Protocol access for navigation, screenshots, DOM queries, and cookie manipulation.

Can I export HAR files and take screenshots using Chrome DevTools automation?▼

Yes, Chrome DevTools automation supports taking screenshots and exporting HAR files directly through both the bdg CLI path and the MCP Code Mode workflow.

Do I need Node.js and a local browser to run Chrome DevTools automation workflows?▼

Yes, Chrome DevTools automation requires a Chrome-compatible browser and Node.js, along with either a local bdg CLI setup or a configured Code Mode environment.

What is the best way to orchestrate parallel browser instances for multi-tool automation?▼

Orchestrate parallel browser instances by routing tasks to MCP Code Mode, which supports multi-tool workflows and parallel MCP-enabled browser instances for comparison or automation.

How does routing between a CLI and MCP workflow improve browser automation tasks?▼

Routing between CLI and MCP improves browser automation by preferring the fast, deterministic bdg CLI for quick tasks while using MCP as a fallback for richer multi-tool orchestration.

Can I evaluate runtime JavaScript and manipulate cookies via Chrome DevTools Protocol access?▼

Yes, Chrome DevTools Protocol access enables runtime evaluation and cookie manipulation within both the bdg CLI path and the MCP Code Mode workflow.

Related Skills

Explore More Software Engineering Skills→
Brilly-BohyunBrilly-Bohyun

node-inspect-debugger

Automate Node.js debugging via Chrome DevTools Protocol.

Community
Advanced
niltonfredericoniltonfrederico
2

har-analysis

Analyze HAR files for performance metrics, API patterns, and security findings.

Community
Advanced
langchain-ailangchain-ai
27.5k

web-research

Orchestrate multi-source web research with parallel subagents and cited reports.

Official
Advanced
paidethonpaidethon

use-my-browser

Interact with a live browser session via Chrome DevTools Protocol.

Community
Advanced