skills.rest
ngx-signal-forms
ngx-signal-formsOFFICIAL
Explore all skills by this author →
GitHub

chrome-devtools

Automate browser tasks and diagnostics via Chrome DevTools MCP.

3|2|Updated Oct 9, 2025
Search Tags:#automation#performance#debugging#devtools#network#chrome-devtools
One-click install
npx skills add https://github.com/ngx-signal-forms/ngx-signal-forms --skill chrome-devtools-ngx-signal-forms
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chrome-devtools
Source: https://github.com/ngx-signal-forms/ngx-signal-forms/tree/main/.github/skills/chrome-devtools
Command: npx skills add https://github.com/ngx-signal-forms/ngx-signal-forms --skill chrome-devtools-ngx-signal-forms

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates browser tasks and diagnostics using Chrome DevTools MCP, enabling automated control and inspection of a live browser session.

Core Features & Use Cases

  • Automated navigation, element interaction, and page management using MCP command set.
  • Debugging, console inspection, and network request analysis for rapid diagnosis.
  • Performance profiling and emulation to test and optimize page performance across devices.

Quick Start

Connect to a live Chrome session and start by taking a page snapshot or navigating to a URL.

Frequently Asked Questions about chrome-devtools

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

FAQPage Schema
How do I automate browser debugging and network analysis with Chrome DevTools?▼

You can automate browser debugging and network analysis by using the Chrome DevTools MCP, which provides real-time control over a live browser session for interactive diagnostics and page management.

Can I capture screenshots and inspect page elements automatically in a live browser?▼

Yes, you can capture screenshots and inspect page elements automatically by connecting to a live Chrome session and using the MCP command set for navigation and element interaction.

What is the best way to profile web page performance across different devices?▼

The best way to profile web page performance is using Chrome DevTools MCP, which enables performance profiling and device emulation to test and optimize page behavior across various devices.

Do I need a live Chrome session to run performance tracing and console inspection?▼

Yes, you need a live Chrome session because the DevTools MCP requires an active browser connection to execute real-time console inspection, navigation, and performance tracing.

Does Chrome DevTools MCP support automated page navigation and network request analysis?▼

Yes, Chrome DevTools MCP supports automated page navigation and network request analysis, allowing you to rapidly diagnose network issues and manage web pages through MCP commands.

Why use Chrome DevTools MCP over other browser automation approaches for diagnostics?▼

Chrome DevTools MCP offers direct, real-time control over a live browser session, integrating interactive debugging, network analysis, and performance profiling within a single command set.

Related Skills

Explore More Software Engineering Skills→
BorisserzBorisserz
1

browser-testing-with-devtools

Inspect DOM, console, network, and performance data via Chrome DevTools MCP.

Community
Intermediate
I-OnlabsI-Onlabs
3

performance-analysis

Identify performance bottlenecks in Claude Flow swarms across communication, processing, memory, and network layers.

Community
Advanced
githubgithub
37.6k

chrome-devtools

Automate browser control and debugging via the Chrome DevTools MCP.

Official
Advanced
akornmeierakornmeier
4

chrome-debug

Debug browser UI issues with Chrome DevTools MCP in headless mode.

Community
Advanced