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

Browser CDP Control

Drive Chrome over the DevTools Protocol so automation reuses your existing logged-in session.

AutomationIntermediate★ 6,025⑂ 894AI score 9/10Last updated: Aug 24, 2026

What it does

  • Launches Chrome in debug mode (port 9222) and connects over CDP to reuse your existing login state.
  • Uses the agent-browser CLI to open URLs, wait for loads, evaluate JavaScript, take interactive-element snapshots, click and type.
  • Extracts auth tokens from localStorage/cookies for follow-up API calls.
  • Enforces a safe flow: --detect-only probe first, then explicit user consent (AskUserQuestion) before any process is killed.
  • Documents timeout wrappers (timeout, PowerShell Jobs), exit-code conventions, and safe PID-verified cleanup.

Who it's for

  • Anyone scraping or checking data behind a login wall.
  • Teams working with internal admin panels or SaaS dashboards where the token only lives in the browser.
  • Developers tired of re-authenticating fresh Playwright sessions.

Examples

  1. "Open this dashboard and pull the first 8000 characters of text" → open → wait → eval document.body.innerText.
  2. "Give me the access token for my logged-in session" → eval 'localStorage.getItem("token") || document.cookie'.
  3. "Type a keyword into search and scrape page one" → snapshot -i for element refs, then type + click, then eval to extract results.

· · · 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/zenstory-ai/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 zenstory-ai/oh-story-claudecode into my ~/.claude/skills/zenstory-ai-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/zenstory-ai/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. Make sure Google Chrome and Node.js 20+ are installed.
  2. Install the CLI: npm install -g agent-browser.
  3. Clone the repo: git clone https://github.com/zenstory-ai/oh-story-claudecode.git.
  4. Copy the skill in: mkdir -p ~/.claude/skills && cp -r oh-story-claudecode/skills/browser-cdp ~/.claude/skills/.
  5. Restart Claude Code and ask something like "use browser CDP to open this page" to confirm it loads.
  6. Note: the first launch may kill your running Chrome — save open tabs or close Chrome yourself beforehand.
View source on GitHub ↗License: MIT