Claude Skill MartBrowse skillsQuick linesLearn by videoTerminal guideWhat is a Skill?
 
← Back to list

Browser CDP Automation

Drive Chrome over the DevTools Protocol to reuse existing logins — open pages, run JavaScript, click elements, and pull auth tokens.

AutomationIntermediate★ 7,057⑂ 1,003AI score 9/10Last updated: Sep 22, 2026

What it does

  • Launches Chrome in debug mode on port 9222 and copies your profile so existing login sessions are reused — no need to script logins again.
  • Provides ready agent-browser --cdp 9222 recipes: open a URL, wait for load, eval JavaScript, snapshot -i for interactive element refs, then click / type.
  • Includes patterns for extracting page text and reading auth tokens from localStorage or cookies.
  • Handles tricky JS with quotes, $, or backticks via base64 (eval -b) or heredoc (--stdin) instead of fragile shell escaping.
  • Built-in safety flow: run --detect-only first; if a normal Chrome is running, ask the user for consent before relaunching with --yes, and only kill the debug-profile PID during cleanup.

Who it's for

  • Analysts/operators who repeatedly pull data from login-gated internal tools or SaaS dashboards.
  • Developers who need a live session token to replay API requests when docs are missing.
  • Anyone who prefers reusing their everyday Chrome login over logging in inside a fresh Playwright session.

Examples

  1. "Open the logged-in admin page and give me the first 8000 characters of text" → open → wait 3000 → eval 'document.body.innerText.substring(0,8000)'.
  2. "Grab the auth token for this service" → eval 'localStorage.getItem("token") || document.cookie'.
  3. "Page through the ranking list and collect entries" → snapshot -i to find the next-page control, click it, and wrap each page in timeout 30 so the session never hangs.

· · · Install guide · · ·

Try it now, no install

Paste this into Claude to use the skill without installing anything.

Read the instructions in this file and follow them to help me:
https://raw.githubusercontent.com/worldwonderer/oh-story-claudecode/HEAD/skills/browser-cdp/SKILL.md

What I want: (describe your task here)

If Claude can't open the link, open it yourself and paste the contents instead.

↓ If it works for you, download the ZIP below and install it. Then it runs on its own — no pasting each time.

Install in the Claude app (no terminal)
  1. Download the ZIP with the button below.
  2. In Claude, open Settings → Capabilities and turn on 'Code execution and file creation'. (one time)
  3. Go to Customize → Skills → + → 'Upload a skill' and upload the ZIP.
↓ Download ZIP
Install in Claude Code

Let Claude do it — paste this into Claude Code

Install the skill I found on Claude Skill Mart.
Copy the skills/browser-cdp folder from the GitHub repo worldwonderer/oh-story-claudecode into my ~/.claude/skills/browser-cdp/.
When it's done, tell me in one line what this skill can do.

Install with a command instead

git clone https://github.com/worldwonderer/oh-story-claudecode.git /tmp/oh-story-claudecode && mkdir -p ~/.claude/skills && cp -r /tmp/oh-story-claudecode/skills/browser-cdp ~/.claude/skills/

⚠ This is a third-party skill. Check the source repository before installing.

  1. Prerequisites: Google Chrome installed and Node.js 20+ (node -v).
  2. Install the required CLI: npm install -g agent-browser.
  3. Create the skills folder: mkdir -p ~/.claude/skills.
  4. Clone the repo: git clone https://github.com/worldwonderer/oh-story-claudecode.git /tmp/oh-story-claudecode.
  5. Copy just this skill: cp -r /tmp/oh-story-claudecode/skills/browser-cdp ~/.claude/skills/.
  6. Restart Claude Code and ask something like "use CDP to automate my browser".
  7. First launch may kill your running Chrome — save open tabs and drafts before you approve it.
View source on GitHub ↗License: MIT