skills.rest
marcosmlslira
marcosmlsliraCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/marcosmlslira/observadordedominios --skill chrome-devtools-marcosmlslira
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
GraffiohGraffioh

web-browser

Automate Chrome browser interactions via the Chrome DevTools Protocol.

Community
Advanced
cloudflarecloudflare
2.6k

web-perf

Audit web performance and diagnose Core Web Vitals issues using Chrome DevTools MCP.

Official
Advanced
fran0220fran0220

browser

Automate web interactions and capture page state via the agent-browser CLI.

Community
Intermediate
githubgithub
37.6k

chrome-devtools

Automate browser control and debugging via the Chrome DevTools MCP.

Official
Advanced