chrome-devtools — Skills — getagentictools

What it does

Browser Automation: Navigating pages, clicking elements, filling forms, and handling dialogs.

Visual Inspection: Taking screenshots or text snapshots of web pages.

Debugging: Inspecting console messages, evaluating JavaScript in the page context, and analyzing network requests.

Performance Analysis: Recording and analyzing performance traces to identify bottlenecks and Core Web Vital issues.

Emulation: Resizing the viewport or emulating network/CPU conditions.

newpage: Open a new tab/page.

navigatepage: Go to a specific URL, reload, or navigate history.

Expert-level browser automation, debugging, and performance analysis via Chrome DevTools protocol.

Source

Repository: https://github.com/github/awesome-copilot

chrome-devtools FAQ

What does the chrome-devtools skill do?

Expert-level browser automation, debugging, and performance analysis using Chrome DevTools MCP. Use for interacting with web pages, capturing screenshots, analyzing network traffic, and profiling performance. Browser Automation: Navigating pages, clicking elements, filling forms, and handling dialogs. Visual Inspection: Taking screenshots or text snapshots of web pages.

How do I install chrome-devtools?

Run: npx -y skills add https://github.com/github/awesome-copilot --skill chrome-devtools --agent claude-code — the source lives at github.com/github/awesome-copilot.

Maintain chrome-devtools?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![chrome-devtools on getagentictools](https://getagentictools.com/badge/skills/github-awesome-copilot-chrome-devtools.svg)](https://getagentictools.com/skills/github-awesome-copilot-chrome-devtools?ref=badge)

npx agentictools info skills/github-awesome-copilot-chrome-devtools

The second line is the CLI lookup for this page — handy in READMEs and docs.