Can I simulate different devices with this skill?

Yes, it includes emulation commands to adjust viewports, user agents, network conditions, and geolocation to test various mobile and desktop environments.

Does it support performance auditing?

Absolutely. You can run Lighthouse audits, capture memory heapsnapshots, and record performance traces directly through the CLI.

How does this skill identify web elements?

It uses the 'take_snapshot' command to generate a list of elements with unique UIDs based on the accessibility tree, allowing for precise interaction without complex selectors.

Is the browser state maintained between different commands?

Yes, the browser state and context persist across multiple tool calls, allowing for complex multi-step workflows like logging in and then navigating.

Chrome DevTools CLI

Name: Chrome DevTools CLI
Author: ChromeDevTools

byChromeDevTools

•

33,616

•

浏览器自动化

Automates browser interactions, web performance auditing, and network inspection via the Chrome DevTools protocol from the terminal.

The Chrome DevTools CLI skill empowers Claude to interact directly with web browsers, enabling automated navigation, element interaction, and deep performance analysis. It provides a robust set of tools for taking accessibility snapshots, capturing screenshots, simulating network conditions, and running Lighthouse audits. This skill is ideal for developers and QA engineers who need to automate complex web workflows, debug frontend issues, or collect data from dynamic websites without leaving the terminal environment, bridging the gap between AI coding agents and the browser.

主要功能

01Real-time network request inspection and JavaScript execution within the page context

0233,616 GitHub stars

03Advanced element interaction using accessibility tree UIDs and text snapshots

04Deep performance profiling with Lighthouse audits, memory snapshots, and trace recording

05Comprehensive browser navigation including page management and context isolation

06Mobile and network emulation for testing responsiveness and performance

使用场景

01Scraping data from dynamic, JavaScript-heavy websites using element snapshots and console access

02Automating end-to-end user flows and regression tests in a headless browser environment

03Diagnosing web performance bottlenecks using Lighthouse insights and CPU throttling

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add chromedevtools/chrome-devtools-mcp chrome-devtools-cli

For use in Claude.ai and ChatGPT

主要功能

01Real-time network request inspection and JavaScript execution within the page context

0233,616 GitHub stars

03Advanced element interaction using accessibility tree UIDs and text snapshots

04Deep performance profiling with Lighthouse audits, memory snapshots, and trace recording

05Comprehensive browser navigation including page management and context isolation

06Mobile and network emulation for testing responsiveness and performance

使用场景

01Scraping data from dynamic, JavaScript-heavy websites using element snapshots and console access

02Automating end-to-end user flows and regression tests in a headless browser environment

03Diagnosing web performance bottlenecks using Lighthouse insights and CPU throttling