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.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# Chrome DevTools Agent
## Overview
A specialized skill for controlling and inspecting a live Chrome browser. This skill leverages the `chrome-devtools` MCP server to perform a wide range of browser-related tasks, from simple navigation to complex performance profiling.
## When to Use
Use this skill when:
- **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.
## Tool Categories
### 1. Navigation & Page Management
- `new_page`: Open a new tab/page.
- `navigate_page`: Go to a specific URL, reload, or navigate history.
- `select_page`: Switch context between open pages.
- `list_pages`: See all open pages and their IDs.
- `close_page`: Close a specific page.
- `wait_for`: Wait for specific text to appear on the page.
### 2. Input & Interaction
…
The line at the top of this page pins the label git:20260122.e24be77, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
GET https://markdownregistry.com/api/v1/artifacts/art_isxamisaxgucwwsc
GET https://markdownregistry.com/api/v1/resolve?ref=github/awesome-copilot/chrome-devtools
GET https://markdownregistry.com/api/v1/blob/e85ec55f68317923033375f00b431e9d5822283ea4bfad967f5fa7cbc61e6265
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
github/awesome-copilot · .github/skills/create-canvas-extension/SKILL.md · Create or register a canvas extension in the awesome-copilot repository. Use when asked to scaffold a new canvas…
github/awesome-copilot · skills/acquire-codebase-knowledge/SKILL.md · Use this skill when the user explicitly asks to map, document, or onboard into an existing codebase. Trigger for…
github/awesome-copilot · skills/acreadiness-assess/SKILL.md · Run the AgentRC readiness assessment on the current repository and produce a static HTML dashboard at…
github/awesome-copilot · skills/acreadiness-policy/SKILL.md · Help the user pick, write, or apply an AgentRC policy. Policies customise readiness scoring by disabling irrelevant…
github/awesome-copilot · skills/ad-campaign-analyzer/SKILL.md · Use this skill when the user shares ad campaign performance data and asks what to cut, scale, or test. Trigger for…
github/awesome-copilot · skills/add-educational-comments/SKILL.md · Add educational comments to the file specified, or prompt asking for file to comment if one is not provided.
github/awesome-copilot · skills/adobe-illustrator-scripting/SKILL.md · Write, debug, and optimize Adobe Illustrator automation scripts using ExtendScript (JavaScript/JSX). Use when creating…
github/awesome-copilot · skills/agent-architecture/SKILL.md · Design AI agent architectures through requirements discovery, or audit and diagnose architectural flaws in existing…
agent-sh/agnix · tests/fixtures/amp-skills/valid/.agents/skills/chrome-devtools/SKILL.md · Drive Chrome with DevTools. Use when checking a page in the browser.
sandbaseai/sandbase-skills · marketing/chrome-devtools/SKILL.md · Plan, implement, or review chrome devtools work in an existing codebase with compatibility, security, and verification…
vodailocz/kilo-kit-mcp · skills/operations/chrome-devtools/SKILL.md · Browser automation, debugging, and performance analysis using Puppeteer CLI scripts. Use for automating browsers…
ulises-jeremias/agent-toolkit · plugins/agent-toolkit-complete/.github/skills/chrome-devtools/SKILL.md · Use Chrome DevTools MCP to control and inspect a live Chrome instance for network, console, performance, rendering, and…
ulises-jeremias/agent-toolkit · plugins/agent-toolkit-complete/.opencode/skills/chrome-devtools/SKILL.md · Use Chrome DevTools MCP to control and inspect a live Chrome instance for network, console, performance, rendering, and…
firzus/agent-skills · skills/engineering/chrome-devtools/SKILL.md · Debug and automate Google Chrome from the shell with the `chrome-devtools` CLI (npm package `chrome-devtools-mcp`)…
pr-e/openclaw-master-skills · skills/chrome-devtools/SKILL.md · Expert-level browser automation, debugging, and performance analysis using Chrome DevTools MCP. Use for interacting…