chrome-devtools

chrome-devtools is a skill for Claude Code, Codex from fmind/dot. It costs 19 tokens per session (1,047 once invoked), scanned A, original, MIT.

A connection to a live Chrome browser for inspecting and automating web pages. It can examine performance, accessibility, cookies, network activity, and memory use.

In plain words
What is it for?
Use it to debug running websites, measure page performance, inspect browser state, check accessibility information, and investigate memory problems.
Why use it?
It helps find problems that are difficult to see from source code alone, such as slow rendering, inaccessible controls, broken requests, or memory leaks.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one.

Good fit Use it to debug running websites, measure page performance, inspect browser state, check accessibility information, and investigate memory problems.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/fmind/dot/chrome-devtools
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add fmind/dot --skill chrome-devtools
Clone the repo
git clone --depth 1 https://github.com/fmind/dot

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for chrome-devtools

README.md
[![agentmods](https://agentmods.dev/badge/skills/fmind/dot/chrome-devtools/github.svg)](https://agentmods.dev/skills/fmind/dot/chrome-devtools)
Your own site
<a href="https://agentmods.dev/skills/fmind/dot/chrome-devtools"><img src="https://agentmods.dev/badge/skills/fmind/dot/chrome-devtools/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for chrome-devtools

Your own site · 80×15
<a href="https://agentmods.dev/skills/fmind/dot/chrome-devtools"><img src="https://agentmods.dev/badge/skills/fmind/dot/chrome-devtools.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 19 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,047 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00019 $0.01047
Opus 5.5 $0.00008 $0.00419
Sonnet 5.5 $0.00004 $0.00209
Haiku 4.5 $0.00002 $0.00105

Measured today against content hash 4cd4c2cde62e, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

chrome-devtools scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured today.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

skills/chrome-devtools/SKILL.md · 57 lines

How it starts

The opening of the file, as written. The whole thing — 57 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Chrome DevTools

Use Chrome DevTools MCP or its CLI for live browser diagnostics. playwright owns repeatable end-to-end journeys; web-frontend owns platform implementation guidance.

Setup

Require Node.js LTS, npm/npx, and supported Chrome. Reuse an available DevTools connection; otherwise follow mcp-setup for the active harness. The launch command below uses a reviewed package pin; recheck installed help before updating it.

npx --yes [email protected] --isolated --headless --no-usage-statistics --no-performance-crux

The MCP client starts that process over stdio. Use a dedicated browser profile. Keep remote debugging on loopback; browser content, network bodies, cookies, screenshots, and traces may expose private data. The two opt-out flags disable MCP usage statistics and CrUX URL lookups respectively.

Task guides

  • cli: Drive DevTools from the shell with the chrome-devtools CLI daemon instead of an MCP connection.

Workflow

  1. Identify the target: list pages and select the intended page ID, URL, viewport, and browser mode. Take a fresh accessibility snapshot before using element UIDs; navigation and rerenders can invalidate them.
  2. Reproduce the symptom: list bounded console errors and failed-request metadata, then inspect only the relevant request IDs and bodies. Reuse a still-current snapshot; refresh it after navigation or a relevant rerender. Save large traces as artifacts instead of returning their raw contents. Redact credentials and private request data.
  3. Measure performance: record a bounded trace of the same action before and after a change; preserve CPU/network throttling, cache conditions, viewport, and tool versions. Stop traces you started and save artifacts in the authorized workspace.
  4. Check accessibility: inspect roles, names, focus order, keyboard operation, and visible contrast. Run lighthouse_audit for the one-shot accessibility, SEO, and best-practice report; it reloads the page unless mode is snapshot, and it excludes performance, which needs a trace. Combine automated checks with manual interaction; an accessibility tree or Lighthouse score alone does not establish WCAG conformance.
  5. Investigate memory and cookies: compare repeated lifecycle actions and heap snapshots; take_heapsnapshot is on by default, while compare_heapsnapshots and the other analysis tools need --memoryDebugging on the MCP server; inspect HttpOnly, Secure, SameSite, and partitioning in the request's actual context. A single heap size or cookie attribute is not a diagnosis.
  6. Close task-owned pages: after verifying the fix.

Read the full file on GitHub · 57 lines

Files

What ships with it

1 file beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. today Changed 4cd4c2cde62e
  2. yesterday Changed 478af6ac7df4
  3. 18d ago Changed · -2 lines 7b3ea12f3951
  4. 20d ago Changed cd04842c2f2c
  5. 21d ago Changed · +6 lines · -1 tokens per session b40c90d4293f
  6. 23d ago Changed e77b64d36299
  7. 29d ago Changed 530a3af5fdd1
  8. 1mo ago Changed · +1 lines · -18 tokens per session c716583bc506
  9. 1mo ago Changed · +1 lines aef1e8ee67cd
  10. 1mo ago First seen · 51 lines · 38 tokens per session scan A 3556b5b3d93d

Subscribe to this mod's changes

chrome-devtools is a skill published in the GitHub repository fmind/dot (12 stars, last pushed today), licensed MIT. It adds 19 tokens to every session and 1,047 once invoked, about $0.0001 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-04.

Related

Other skills, from other repositories

systematic-debugging

Diagnose unknown-cause bugs, test/build or auth failures, flakes, and runtime performance regressions. Investigate, reduce, localize, falsify hypotheses, and explain root cause before implementation.

fmind/dotfiles · 45 tokens

dotfiles-bootstrap

Bootstrap a workstation with the dotfiles framework. Takes a GitHub user / owner+repo / explicit clone URL and runs dot config init (which shells out to chezmoi) with the right safety prompts. Honors the active agent profile (ask / plan / apply / audit) so it defaults to dry-run in safer modes and full apply in apply.

sebastienrousseau/dotfiles · 89 tokens

vibe

Delegate a coding task to a cheap AI model (Mistral Vibe by default, but any provider Vibe knows about — DeepSeek, Gemini Flash, etc.) and supervise the result via git diff. Claude orchestrates, the cheap model codes. Claude consumes 500-1500 tokens per delegation regardless of how many file reads the delegate does…

sebastienrousseau/dotfiles · 137 tokens

gather-context

Build comprehensive understanding of a problem by gathering context from GitHub issues, codebase exploration, git history, and linked references. Use when starting work on an issue or investigating a problem.

martinemde/dotfiles · 41 tokens

taste

Martin's judgement on task-shaped decisions — how to debug, how far to build, what to simplify, what to delete, how to test, what to spend, how to roll out, and how to ask him a question. Load before asking him anything with AskUserQuestion, at any fork where two reasonable approaches diverge, when deciding how much…

martinemde/dotfiles · 97 tokens

diagnose-ci

Investigate failing REMOTE CI runs on GitHub Actions: find the failed run, pull the failed-step logs with gh, identify the root cause (compile error, test failure, lint, missing secret, timeout), and recommend a fix. Read-only: it does not commit, push, or edit. Use when CI is red, a GitHub Actions run failed, or the…

urmzd/dotfiles · 130 tokens