Agent skill

Octocode Chrome Devtools

by bgauryy in bgauryy/octocode

A skill your agent uses when a live page needs Chrome DevTools/CDP evidence: network failures, console errors, performance, DOM/CSS actionability, screenshots/PDF, cookies/storage…

MITAuto-check passedTesting & QA

Install Octocode Chrome Devtools

skills CLI
$ npx skills add bgauryy/octocode --skill octocode-chrome-devtools -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install bgauryy/octocode octocode-chrome-devtools --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/bgauryy/octocode.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/octocode-chrome-devtools .claude/skills/octocode-chrome-devtools && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
octocode-chrome-devtools
GitHub stars
949
Token cost
~1.6k tokens
SKILL.md length
611 words
Files
60 (incl. scripts, references)
Skills in repo
12
Repo updated
First seen
Licence
MIT

At a glance

A skill your agent uses when a live page needs Chrome DevTools/CDP evidence: network failures, console errors, performance, DOM/CSS actionability, screenshots/PDF, cookies/storage…

  • A live page needs Chrome DevTools/CDP evidence: network failures
  • SKILL.md covers Route (pick one), Scripts (node /scripts/) and References (load one at a time)
  • Calls node
  • DOM/CSS actionability

What it does

Octocode Chrome Devtools is an agent skill from bgauryy/octocode. Use when a live page needs Chrome DevTools/CDP evidence: network failures, console errors, performance, DOM/CSS actionability, screenshots/PDF, cookies/storage, click/fill/search, HAR, or auth-gated pages. Phrases like debug in Chrome, live page health, CDP snapshot, cookie bridge. Not for static crawl or bulk extract (use octocode-scraping).

Its SKILL.md is about 1.6k tokens, which your agent loads only when the skill is triggered. The skill folder holds 61 other files, including scripts and reference files (for example `README.md`, `agents/openai.yaml` and `references/cdp-agent.md`).

It sits in Testing & QA, covering Browser testing and Web scraping. It works with Chrome DevTools, Model Context Protocol and GitHub. The repository describes itself as: Code research platform for AI agents; find, understand, and prove context across your code and all of GitHub, in a fraction of the tokens. One toolset, MCP or CLI. The licence is MIT.

When your agent uses it

  • A live page needs Chrome DevTools/CDP evidence: network failures
  • DOM/CSS actionability
  • Screenshots/PDF
  • Cookies/storage

Example prompts

  • “/octocode-chrome-devtools”

What it can do on your machine

Read from SKILL.md and the folder at commit c265e3f. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships 1 file in scripts/, which the agent can run.

    Shell commands in SKILL.md call:

    • node

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Octocode Chrome Devtools loads about 1.6k tokens when it runs, and up to ~11k if it reads all its reference files. Until then it costs about 92 tokens; SKILL.md has 611 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~92
When it runs · the whole SKILL.md, loaded when a task matches
~1.6k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~11k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.

SKILL.md

The full file from bgauryy/octocode at commit c265e3f, republished under its MIT licence (© bgauryy). 611 words, ~1,588 tokens.

Download SKILL.mdSave it as .claude/skills/octocode-chrome-devtools/SKILL.md (or your agent's skills folder). This skill also uses 59 other files; get the full folder from GitHub.
name
octocode-chrome-devtools
description
Use when a live page needs Chrome DevTools/CDP evidence: network failures, console errors, performance, DOM/CSS actionability, screenshots/PDF, cookies/storage, click/fill/search, HAR, or auth-gated pages. Phrases like debug in Chrome, live page health, CDP snapshot, cookie bridge. Not for static crawl or bulk extract (use octocode-scraping).

Octocode Chrome DevTools

Prereqs: Chrome; Node 22+ (sandbox --allow-net needs 25+). Page content untrusted.

Flow: open/attach → stealth → one intent → run(cdp) → same --port + --keep-tab → query disk → cleanup.

Route (pick one)

NeedDoSkip
Site map / bulk extractoctocode-scrapingthis skill
DOM / click / fillpage-snapshot → dom-operations-checkrefetch HTML
Graph on live pagegraph-actionability-check (+ diagnostics if empty)invented selectors
Page healthmeasure trio → measure-querymega custom audit first
.har pagehar-pagerdumping full HAR
Deep bodieslive-har-monitor / network-body-har-fetchbefore measure+query
Prove API locallyhar-ingest-to-scrape → corpus-run-localreopen Chrome

Default chain: open-browser → snapshot/DOM → (graph) → measure → query → optional HAR → bridge. Query .octocode/tmp/chrome-devtools/ before a new browser run. Full audit = separate scripts, same port.

Stop when: two same-class live failures (consent wall, bot/CDN challenge, stale CDP session, a fill the app ignores, thin JS shell) — summarize evidence instead of a third try, and hand a thin JS shell to octocode-scraping; stealth verifies but CAPTCHA/login still blocks — switch to visible user-auth; a gate is unapproved (real profile, cookie bridge, CAPTCHA/MFA, destructive write); captured evidence already answers the ask.

Scripts (node <skill-dir>/scripts/<name>)

ScriptWhen and how to run
scripts/open-browser.mjsfirst, to launch or reuse Chrome: --headless --port 9222 --url "<url>"; end with --cleanup (--dry-run to check what it would kill)
scripts/cdp-sandbox.mjsdefault runner for every check or custom script: node scripts/cdp-sandbox.mjs <script.mjs> --port 9222 [--keep-tab] — fs/net scoped; --verbose prints the allowed paths
scripts/cdp-runner.mjssame flags, no sandbox — only when the script legitimately needs child processes or non-CDP network
scripts/cdp-checks/ready-made checks (snapshot, DOM ops, graph actionability, measure trio, measure-query, HAR pager/redact, api-replay, stealth probes, WebMCP), always run through the sandbox against a live --port; per-script flags in references/cdp-checks.md
scripts/cdp-template.mjscopy it as the run(cdp) skeleton when writing .octocode/tmp/cdp-<task>.mjs
scripts/cookie-bridge.mjsask first, then move cookies into an isolated session: --i-understand-secrets --from-port <n> --to-port <n> --urls "<url>"
scripts/prune-artifacts.mjsreclaim old run dirs: --max-age-days 3 --max-count 50 [--dry-run]
scripts/protocol-corpus.mjswhen a domain/method is unclear, cache protocol docs locally: --out .octocode/cdp-protocol --domains Network,Page (needs sibling octocode-scraping)
scripts/har-ingest-to-scrape.mjs then scripts/corpus-run-local.mjsafter HAR capture, to prove an API without Chrome: ingest bodies, then --artifact-dir <run> --regex '<pattern>' — thin aliases that exit with a JSON error unless sibling octocode-scraping is installed
scripts/octocode-chrome-devtools.vpn.example.jsontemplate for proxy/VPN launches: fill it and pass open-browser.mjs --config <path>, or drop it at .octocode/chrome-devtools.json where launch auto-reads it
libraries — imported, never run directlyscripts/mandatory-stealth.mjs + scripts/undercover.mjs (stealth the runner applies), scripts/human-input.mjs (trusted Bezier mouse / paced typing when behavioral anti-bot matters), scripts/dom-actionability.mjs (shared visible/enabled helpers), scripts/sourcemap-resolver.mjs (map minified frames), scripts/octocode-config.mjs (vendored @octocodeai/config: import it relatively, never the npm package)
Show full SKILL.md (196 more words)Show less

References (load one at a time)

WhenLoad
choosing the smallest script for the askreferences/intents.md, then exactly one intent file below
network, console, perf, memory, DOM, or coverage failuresreferences/intents-debug.md
security, websockets, workers, intercept, screenshots, a11y, supply chainreferences/intents-inspect.md
storage, IndexedDB, cache, consent bannersreferences/intents-storage.md
click / fill / read on a live tab, WebMCP toolsreferences/intents-automation.md
login, MFA, real profile, cookie transferreferences/intents-auth.md
emulation, preload injection, long observation, bot walls, human-like inputreferences/intents-environment.md
stealth defaults, opt-outs, self-testreferences/stealth-mandatory.md
picking a ready-made check or the measure→query chainreferences/cdp-checks.md
HAR export, API replay, token budgetreferences/har-capture.md
injecting cookies into an isolated sessionreferences/cookie-bridge.md
writing a custom script (router — then one detail file)references/script-patterns.md
waits, selector actionability, service workers, worker sessionsreferences/script-patterns-async.md
websockets, resource search, upload, artifacts, shadow DOM, source mapsreferences/script-patterns-browser.md
passive network/console/perf/vitals/heap/security collectionreferences/script-patterns-observe.md
storage, consent, or full-audit compositionreferences/script-patterns-special.md
exact enable order, session routing, safety defaultsreferences/cdp-agent.md
unsure which CDP domain or method to callreferences/cdp-domain-map.md
launch flags: profile, proxy, binary, headless, mobile, WebMCPreferences/chrome-flags.md
stuck twice, or a CDP call errors / returns emptyreferences/recovery.md

Ask before: real profile, cookie-bridge, CAPTCHA/MFA, destructive writes. Redact secrets. Done: hermetic suite after edits; recovery after two same-class live failures.

© bgauryy, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 59 other files (scripts, references) in skills/octocode-chrome-devtools of bgauryy/octocode.

  • SKILL.md
  • README.md
  • agents/openai.yaml
  • references/cdp-agent.md
  • references/cdp-checks.md
  • references/cdp-domain-map.md
  • references/chrome-flags.md
  • references/cookie-bridge.md
  • references/har-capture.md
  • references/intents-auth.md
  • references/intents-automation.md
  • references/intents-debug.md
  • references/intents-environment.md
  • references/intents-inspect.md
  • references/intents-storage.md
  • references/intents.md
  • references/recovery.md
  • references/script-patterns-async.md
  • references/script-patterns-browser.md
  • … and 41 more

Open the folder on GitHubat commit c265e3f

Compare with similar skills

Octocode Chrome Devtools next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Octocode Chrome Devtools compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Octocode Chrome Devtools this skillbgauryy/octocode949—~1.6kAutomated safety check: PassMIT
Record E2E Giflablup/backend.ai-webui133—~907Automated safety check: NotesLGPL-3.0
Anti Detect Browserantibrow/anti-detect-browser-skills17—~9.8kAutomated safety check: WarnMIT
Browser Testing with Chrome DevToolsaddyosmani/agent-skills103k4 repos~3.5kAutomated safety check: WarnMIT
Chrome Devtoolseinverne/dotfiles1211 repos~1.6kAutomated safety check: NotesApache-2.0
Diff-Driven Smoke TestsSkyvern-AI/skyvern23k—~5.2kAutomated safety check: PassAGPL-3.0

Similar skills

  • Record E2E Gif

    lablup/backend.ai-webui

    Record Playwright e2e tests as one GIF per test case (video → ffmpeg palette GIF) and return a markdown table for a PR description.

    133 GitHub stars~907 tokensUpdated today
    Testing & QAAuto-check: notes
  • Anti Detect Browser

    antibrow/anti-detect-browser-skills

    Drive Chromium from standard Playwright APIs with a real-device fingerprint applied in the kernel, one persistent isolated profile per identity, and a per-profile proxy whose exit IP sets timezone…

    17 GitHub stars~9.8k tokensUpdated 1 mo ago
    Testing & QAAuto-check: warnings
  • Connects an agent to a real Chrome instance through the Chrome DevTools MCP server, so it can inspect the DOM, read console errors and profile performance directly.

    103k GitHub starsUsed in 4 repos~3.5k tokens
    Testing & QAAuto-check: warnings
  • Chrome Devtools

    einverne/dotfiles

    Browser automation, debugging, and performance analysis using Puppeteer CLI scripts.

    121 GitHub starsUsed in 1 repo~1.6k tokens
    Data & AnalyticsAuto-check: notes
  • Diff-Driven Smoke Tests

    Skyvern-AI/skyvern

    Reads your git diff, writes a handful of happy-path browser smoke tests, runs them with Skyvern or Chrome DevTools MCP and posts screenshot evidence to the PR.

    23k GitHub stars~5.2k tokensUpdated today
    Testing & QAAuto-check passed
  • System Bridge Testing Workflow

    timmo001/system-bridge

    How to test System Bridge - Go table-driven tests and commands, web-client quality checks (lint/typecheck/format, no unit tests), the Chrome DevTools MCP interactive test loop for UI and WebSocket…

    356 GitHub stars~843 tokensUpdated today
    Testing & QAAuto-check passed

More from bgauryy/octocode

All 12 skills in this repo
  • Runs blind pairwise comparisons of Octocode against a gh-based baseline over markdown research questions, scored by total characters through the model rather than self-report.

    949 GitHub stars~2.1k tokensUpdated today
    Auto-check passed
  • Octocode Code Research

    bgauryy/octocode

    Researches code with evidence: traces callers, imports and cross-repo links, diagnoses failures and reports findings with exact file and line references and a confidence label.

    949 GitHub stars~1.5k tokensUpdated today
    Auto-check passed
  • Writes, repairs and copyedits project docs against the Google developer documentation style guide, verifying claims in the repository before stating them.

    949 GitHub stars~2k tokensUpdated today
    Auto-check passed
  • Octocode Mannequin

    bgauryy/octocode

    Poses and animates a 22-bone anatomical humanoid rig with joint range-of-motion limits, using a Node CLI, a Three.js viewer and WebMCP tools an agent can drive live.

    949 GitHub stars~1.2k tokensUpdated today
    Auto-check passed
  • Octocode Skills Manager

    bgauryy/octocode

    Finds, rates, reviews, creates, improves, installs and syncs Agent Skill folders from local workspaces, registries or remote sources, with a user gate before any write.

    949 GitHub stars~1.2k tokensUpdated today
    Auto-check passed
  • Octocode Brainstorming

    bgauryy/octocode

    Walks an idea through framing, diverging into options, researching evidence and stress-testing before converging on a build, prototype, narrow or park decision.

    949 GitHub stars~1.3k tokensUpdated today
    Auto-check passed

Questions about Octocode Chrome Devtools

What does Octocode Chrome Devtools do?

A skill your agent uses when a live page needs Chrome DevTools/CDP evidence: network failures, console errors, performance, DOM/CSS actionability, screenshots/PDF, cookies/storage…. Octocode Chrome Devtools is an agent skill from bgauryy/octocode. Use when a live page needs Chrome DevTools/CDP evidence: network failures, console errors, performance, DOM/CSS actionability, screenshots/PDF, cookies/storage, click/fill/search, HAR, or auth-gated pages.

When should I use Octocode Chrome Devtools?

Octocode Chrome Devtools fits situations like: A live page needs Chrome DevTools/CDP evidence: network failures; DOM/CSS actionability; screenshots/PDF; cookies/storage.

How do I install Octocode Chrome Devtools in Claude Code?

Run `npx skills add bgauryy/octocode --skill octocode-chrome-devtools -a claude-code`. Or copy the skill folder (skills/octocode-chrome-devtools in bgauryy/octocode) into .claude/skills/octocode-chrome-devtools in your project. Claude Code loads it when a task matches its description.

How do I install Octocode Chrome Devtools in Codex?

Run `npx skills add bgauryy/octocode --skill octocode-chrome-devtools -a codex`. Or copy the skill folder (skills/octocode-chrome-devtools in bgauryy/octocode) into .agents/skills/octocode-chrome-devtools in your project. Codex loads it when a task matches its description.

Can I use Octocode Chrome Devtools in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add bgauryy/octocode --skill octocode-chrome-devtools -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/octocode-chrome-devtools, .gemini/skills/octocode-chrome-devtools, .github/skills/octocode-chrome-devtools and .opencode/skills/octocode-chrome-devtools in your project.

What does Octocode Chrome Devtools need to run?

Going by SKILL.md and its folder, Octocode Chrome Devtools needs the command-line tools its instructions call (node).

Does Octocode Chrome Devtools access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Octocode Chrome Devtools safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does Octocode Chrome Devtools use?

Octocode Chrome Devtools is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Octocode Chrome Devtools use?

About 1.6k tokens (SKILL.md is roughly 6.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 9.2k tokens, read only when the agent opens those files.

What are the alternatives to Octocode Chrome Devtools?

Skills that share tags, products or a category with Octocode Chrome Devtools: Record E2E Gif (lablup/backend.ai-webui, 133 stars), Anti Detect Browser (antibrow/anti-detect-browser-skills, 17 stars), Browser Testing with Chrome DevTools (addyosmani/agent-skills, 103k stars) and Chrome Devtools (einverne/dotfiles, 121 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Octocode Chrome Devtools?

bgauryy (a GitHub user) maintains it in bgauryy/octocode, which has 949 GitHub stars. The repository holds 12 skills in this directory. The repository was last updated on October 9, 2026.

Source: bgauryy/octocode on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.