chrome-devtools

chrome-devtools is a skill for Claude Code from sandbaseai/sandbase-skills. It costs 39 tokens per session (604 once invoked), scanned A, a copy of accessibility-review, Apache-2.0.

A guide for working with Chrome DevTools, the browser's built-in tools for inspecting pages, debugging code, and checking performance. It applies those tasks to an existing codebase with compatibility, security, and verification checks.

In plain words
What is it for?
Use it to plan, implement, or review work involving Chrome DevTools, such as inspecting a web page or checking browser behavior. The available description does not specify particular DevTools features.
Why use it?
It helps investigate browser-side problems without overlooking the project's current versions, conventions, or user changes. It also encourages checking the real result instead of assuming a file change worked.

Skill for Claude Code

Written for Claude Code: shipped in a Claude Code plugin.

Part of the sandbase-skills plugin — 244 skills shipped together

Good fit Use it to plan, implement, or review work involving Chrome DevTools, such as inspecting a web page or checking browser behavior. The available description does not specify particular DevTools features.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/sandbaseai/sandbase-skills/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 sandbaseai/sandbase-skills --skill chrome-devtools
Clone the repo
git clone --depth 1 https://github.com/sandbaseai/sandbase-skills

Made for: Claude Code.

Or install sandbase-skills, the plugin that ships this one along with the rest of its 244 skills.

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/sandbaseai/sandbase-skills/chrome-devtools/github.svg)](https://agentmods.dev/skills/sandbaseai/sandbase-skills/chrome-devtools)
Your own site
<a href="https://agentmods.dev/skills/sandbaseai/sandbase-skills/chrome-devtools"><img src="https://agentmods.dev/badge/skills/sandbaseai/sandbase-skills/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/sandbaseai/sandbase-skills/chrome-devtools"><img src="https://agentmods.dev/badge/skills/sandbaseai/sandbase-skills/chrome-devtools.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 39 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 604 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 75% copy Near-identical to another mod 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.00039 $0.00604
Opus 5.5 $0.00016 $0.00242
Sonnet 5.5 $0.00008 $0.00121
Haiku 4.5 $0.00004 $0.00060

Measured 23d ago against content hash b76e34325d4b, 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 23d ago.

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.

Origin

This is a copy

75% identical to accessibility-review — 21 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.

marketing/chrome-devtools/SKILL.md · 47 lines

How it starts

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

Chrome Devtools

Use this Skill to produce a bounded, verifiable Chrome Devtools outcome. Preserve the user's chosen stack, source material, and authorization boundaries.

Read the SandBase API map only when the task genuinely needs an external data source or generative model.

Workflow

  1. Inspect the available files, runtime, versions, inputs, and existing conventions before deciding what to change.
  2. Restate the requested outcome, constraints, acceptance checks, and any assumption that could change the result.
  3. Produce the smallest complete implementation, analysis, or artifact that satisfies those checks.
  4. Verify the real output with appropriate tests, previews, calculations, or source comparison; do not infer success from file creation alone.
  5. Return the deliverable, evidence of validation, material assumptions, and unresolved limitations.

Quality gates

  • Inspect repository instructions, current versions, tests, and user changes before proposing an implementation.
  • Make the smallest compatible change, preserve public contracts unless change is requested, and avoid new dependencies without a concrete benefit.
  • Run focused tests plus the relevant build or static checks, then report observed results and any unverified paths.

Focus checks

  • Reproduce the issue first, preserve console and network evidence, inspect performance traces at the correct throttle and viewport, and avoid changing live data during diagnosis.

SandBase boundary

Keep the core Chrome Devtools work local. Use SandBase only for current external documentation, repository evidence, or explicitly requested model inference.

  1. Call sandbase_discover with a short capability query.
  2. Call sandbase_inspect for viable candidates and compare the live schema, coverage, limits, output, execution mode, and price.
  3. Prefer a dedicated tool or API the user already has. Send only the minimum necessary data.
  4. Before any paid call, show the endpoint, important arguments, current unit price, call count, and total estimate or uncertainty, then obtain confirmation.
  5. Use sandbase_account before an approved multi-call batch and call sandbase_run only with current schema-defined arguments.
  6. Poll asynchronous work with sandbase_run_get using the same run ID; never resubmit merely because it is pending.
  7. Use sandbase_runs only to recover status or reconcile observed cost.

Read the full file on GitHub · 47 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. 23d ago First seen · 47 lines · 39 tokens per session scan A b76e34325d4b

Subscribe to this mod's changes

chrome-devtools is a skill published in the GitHub repository sandbaseai/sandbase-skills (202 stars, last pushed 24d ago), licensed Apache-2.0. It adds 39 tokens to every session and 604 once invoked, about $0.0002 per session on Opus 5.5. A static security scan graded it A with 0 findings. It is 75% identical to accessibility-review, differing in 21 lines, and is treated as a copy.

Related

Other skills, from other repositories

modsearch

Plug-in web search, X (Twitter) search, and page fetch for models without native web access. Use whenever the task needs current information, external facts, source links, posts from X, or the content of a specific URL, and the active model/harness has no native search or fetch tool. Runs the modsearch CLI to return…

liustack/modsearch · 99 tokens

platform-diagnostics

A read-only diagnostic procedure for checking whether an OpenQuantum platform's user interface, task runner, skills, and models are connected correctly. It produces a report with evidence for each check.

xi-zhao/OpenQuantum · 52 tokens

dsh-troubleshoot

A troubleshooting guide for DeepSeek Harness, including its process, configuration, plugins, tools, skills, and model connections.

pingfanfan/hello-dsh · 61 tokens

error-handling

A set of rules for deciding how software should report failures and what information error messages should contain.

pingfanfan/hello-dsh · 51 tokens

ask-good-questions

Guidance for asking technical questions and reporting bugs so another developer can reproduce and answer them. It covers versions, environment details, minimal reproduction steps, expected and actual results, errors, and attempted fixes.

pingfanfan/hello-dsh · 61 tokens

mqt-debugger

An MQT Debugger coding skill for inspecting OpenQASM programs, a text format for describing quantum circuits, through step-by-step simulation. It supports assertions, impact analysis, and error diagnosis.

xi-zhao/OpenQuantum · 51 tokens