skills.rest
calvingit
calvingitCOMMUNITY
Explore all skills by this author →
Website𝕏@zhangwen_siteGitHub

chrome-devtools-cli

Automate browser tasks and DevTools interactions via CLI commands.

2|Updated Mar 26, 2026
Search Tags:#automation#cli#navigation#network#snapshot#chrome-devtools#web-debugging
One-click install
npx skills add https://github.com/calvingit/skills --skill chrome-devtools-cli
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chrome-devtools-cli
Source: https://github.com/calvingit/skills/tree/main/external-skills/Tool/chrome-devtools-cli
Command: npx skills add https://github.com/calvingit/skills --skill chrome-devtools-cli

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

The CLI enables automating browser tasks and DevTools interactions from a terminal, reducing manual testing time and repetitive steps.

Core Features & Use Cases

  • Interact with Chrome DevTools from the command line to navigate pages, inspect elements, and run actions.
  • Automate common QA tasks such as taking snapshots, emulating networks, and evaluating page state across multiple pages.
  • Use cases include automated debugging, performance checks, and scripted browser workflows in CI or local development.

Quick Start

Install the chrome-devtools-mcp package globally and then run chrome-devtools to begin automating browser tasks.

Frequently Asked Questions about chrome-devtools-cli

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

FAQPage Schema
How do I automate Chrome DevTools tasks from the command line?▼

You can automate Chrome DevTools tasks from the command line by installing the chrome-devtools-mcp package globally and running it to execute scripted browser workflows, navigate pages, and run actions directly from your terminal.

Can I take page snapshots and inspect elements using a CLI for web debugging?▼

Yes, you can take page snapshots and inspect elements for web debugging using the CLI. It supports snapshot-based element targeting to evaluate page state and automate common QA tasks across local and remote pages.

What is the best way to script browser workflows for automated debugging in CI?▼

The best way to script browser workflows for automated debugging in CI is using a CLI tool that applies scripted commands to navigate pages, emulate networks, and capture performance checks without manual browser interaction.

Does this CLI tool support network emulation and performance checks for QA automation?▼

Yes, this CLI tool supports network emulation and performance checks for QA automation. It enables you to emulate networks and run performance commands to evaluate page state across multiple pages during testing.

Can I run DevTools interactions on remote pages or is it limited to local development?▼

You can run DevTools interactions on both local and remote pages. The CLI tool is designed to apply web testing, debugging, and automation workflows across remote pages as well as local development environments.

Related Skills

Explore More Software Engineering Skills→
dougdliudougdliu

playwright

Automate browser tasks from the terminal using the Playwright CLI.

Community
Intermediate
agentuityagentuity
19

agentuity-command-runner

Parse developer command outputs into structured error reports.

Official
Advanced
barbosakjnbarbosakjn
1

performance-profiling

Profile web app performance with Lighthouse to identify bottlenecks.

Community
Intermediate
leafcoderleafcoder
2

Browser Automation Expert

Automate browser interactions and web testing with Playwright and Puppeteer.

Community
Intermediate