chrome-devtools

Automate browser tasks and profile performance via Chrome DevTools MCP server.

Updated Jan 6, 2026

Search Tags:#automation #performance #debugging #browser #chrome-devtools #network-analysis

Ready to run

npx skills add https://github.com/marcosmlslira/observadordedominios --skill chrome-devtools-marcosmlslira

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: chrome-devtools
Source: https://github.com/marcosmlslira/observadordedominios/tree/main/.agents/skills/chrome-devtools
Command: npx skills add https://github.com/marcosmlslira/observadordedominios --skill chrome-devtools-marcosmlslira

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables developers and testers to control and inspect a live Chrome browser for automation, debugging, and performance analysis, reducing manual debugging time and enabling reproducible browser experiments.

Core Features & Use Cases

Navigate pages and manage tabs
Interact with page elements, capture screenshots, and evaluate JavaScript in the page context
Collect console and network logs, and record performance traces for profiling and optimization

Quick Start

Launch a browser session with the Chrome DevTools MCP server, navigate to a page, and prepare a screenshot for quick inspection.

Frequently Asked Questions about chrome-devtools

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

FAQPage Schema

How do I automate Chrome browser tasks and capture screenshots programmatically?▼

Automate Chrome browser tasks by connecting to a Chrome DevTools MCP server to navigate pages, interact with elements, and capture screenshots for automated inspection and testing.

Can I inspect console logs and analyze network traffic for a live web page?▼

Inspect console logs and analyze network traffic by attaching the Chrome DevTools server to a live browser session, collecting real-time logs and network requests for debugging web applications.

How do I profile web application performance and record execution traces in Chrome?▼

Profile web application performance by launching a Chrome DevTools session to record performance traces, capturing metrics to identify bottlenecks and optimize page loading behavior.

What is the best way to debug a live Chrome page and execute JavaScript in the page context?▼

Debug a live Chrome page by establishing a DevTools connection, allowing you to evaluate JavaScript directly in the page context and inspect runtime behavior for reproducible debugging.

Do I need a specific environment setup to run Chrome DevTools automation and profiling?▼

Chrome DevTools automation requires a Chrome browser instance and a configured MCP server connection to enable page navigation, debugging, and performance profiling.

Why does my browser automation script fail to capture network traffic during page navigation?▼

Network traffic capture fails if the Chrome DevTools server is not attached before page navigation begins, requiring an active session to properly inspect and collect network logs.