skills.rest
mvellandi
mvellandiCOMMUNITY
Explore all skills by this author →
Website𝕏@TriforceKid7GitHub

chrome-devtools-cli

Automate browser debugging and page interactions via Chrome DevTools CLI.

Updated Feb 8, 2023
Search Tags:#automation#testing#cli#scripting#browser#chrome-devtools#web-debugging
One-click install
npx skills add https://github.com/mvellandi/winky --skill chrome-devtools-cli-mvellandi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chrome-devtools-cli
Source: https://github.com/mvellandi/winky/tree/main/.agents/skills/chrome-devtools-cli
Command: npx skills add https://github.com/mvellandi/winky --skill chrome-devtools-cli-mvellandi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automate browser debugging and DevTools automation by enabling CLI-based actions without manual UI interaction.

Core Features & Use Cases

  • CLI-driven DevTools control for listing pages, inspecting elements, navigating, and performing scripted interactions.
  • Cross-session scripting and batch automation across multiple pages or sessions.
  • Performance and debugging utilities including taking snapshots, evaluating scripts, and running audits via the CLI.

Quick Start

Launch chrome-devtools from the CLI and list open pages to begin scripting automated 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 browser debugging tasks from the terminal?▼

Chrome DevTools CLI automates browser debugging from the terminal by providing consistent command syntax to list pages, inspect elements, navigate, and perform scripted interactions without manual UI intervention. It supports cross-session batch automation across multiple pages.

What CLI commands are available for Chrome DevTools automation?▼

Chrome DevTools CLI provides commands for listing open pages, interacting with page elements through click and fill actions, handling navigation, device emulation, taking snapshots, evaluating scripts, and running audits. It uses consistent command syntax for all operations.

Can I run batch automation scripts across multiple browser sessions?▼

Yes, Chrome DevTools CLI supports cross-session scripting and batch automation across multiple pages or sessions. You can launch the CLI, list open pages, and execute scripted interactions consistently across all targeted sessions.

Does Chrome DevTools CLI support performance checks and web debugging?▼

Yes, Chrome DevTools CLI includes performance and debugging utilities that allow you to take snapshots, evaluate scripts, and run audits directly from the terminal. This enables automated performance checks and web debugging without opening the DevTools UI.

What is the best way to script page inspection and element interaction from the command line?▼

The best way to script page inspection and element interaction is using Chrome DevTools CLI, which offers consistent command syntax for listing pages, clicking, filling elements, and navigating. This approach eliminates manual UI interaction and enables repeatable automation.

Related Skills

Explore More Software Engineering Skills→
GraffiohGraffioh

web-browser

Automate Chrome browser interactions via the Chrome DevTools Protocol.

Community
Advanced
jamesjlundinjamesjlundin
32

pr-review

Analyze pull requests and generate structured review reports.

Community
Intermediate
petekppetekp
5

manual-testing

Orchestrate automated checks and manual QA for software changes.

Community
Intermediate
sobhanashinesobhanashine
1

browse

Automate browser interactions and validations for website QA testing.

Community
Advanced