skill CX Codex

chrome-cdp-live-browser — Claude Code skill: drive your live Chrome

Q: How do I install chrome-cdp-live-browser in Claude Code?

Run `npx skills add reason-machines/trending-skills --skill chrome-cdp-live-browser -a claude-code`. The skill lands at `~/.claude/skills/chrome-cdp-live-browser/SKILL.md`.

Q: What does the skill need to work?

Node.js 22+ and the remote debugging switch turned on at `chrome://inspect/#remote-debugging`. For a non-standard browser install, point `CDP_PORT_FILE` at the `DevToolsActivePort` file.

Hooks an AI agent into the Chrome you already have running, over the DevTools Protocol. Your tabs, logins and page state stay as they are.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓

npx skills add reason-machines/trending-skills --skill chrome-cdp-live-browser -a claude-code

Open on GitHub

What chrome-cdp-live-browser does

This skill talks to a running Chrome through CDP. Tools that launch a fresh isolated browser start you from zero; here the agent works with the tabs already on screen, cookies and sessions included. Listing tabs, taking a screenshot, pulling the accessibility tree, grabbing full or selector-scoped HTML, running JavaScript, navigating, clicking an element or a coordinate pair, typing text, reading network resource timing — each is a separate call into scripts/cdp.mjs. Raw CDP commands can be passed through too.

One WebSocket daemon per tab keeps things quiet: Chrome's “Allow debugging” modal shows up once instead of on every call. There is no npm step, just Node.js 22+. The type command reaches into cross-origin iframes. Daemons shut down with stop, or stop <target> for a single tab.

Turn on remote debugging first: open chrome://inspect/#remote-debugging and flip the switch. Chrome, Chromium, Brave, Edge and Vivaldi are detected automatically on macOS, Linux and Windows; a non-standard install needs the DevToolsActivePort path in CDP_PORT_FILE. With debugging off, nothing runs — and open also triggers Chrome's own “Allow” prompt.

What it helps with

read a page behind your own login
fill in a form and submit it from the agent
capture a screenshot of an open tab
pull page data out with JavaScript
click through pagination until the button is gone

Example prompts for the agent

List the tabs I have open in Chrome
Take a screenshot of the Gmail tab
Run eval on tab A1B2 to get the page title

How to install chrome-cdp-live-browser

1Skills CLI (Vercel)

npx skills add reason-machines/trending-skills --skill chrome-cdp-live-browser -a claude-code

2Manually: put the files in place

~/.claude/skills/chrome-cdp-live-browser/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/chrome-cdp-live-browser/

1Skills CLI (Vercel)

npx skills add reason-machines/trending-skills --skill chrome-cdp-live-browser -a codex

2Manually: put the files in place

.agents/skills/chrome-cdp-live-browser/SKILL.md

For all projects use ~/.agents/skills/

1Skills CLI (Vercel)

npx skills add reason-machines/trending-skills --skill chrome-cdp-live-browser -a cursor

2Manually: put the files in place

.cursor/skills/chrome-cdp-live-browser/SKILL.md

Cursor also reads .agents/skills/ and .claude/skills/

1GitHub CLI

gh skill install reason-machines/trending-skills chrome-cdp-live-browser

2Manually: put the files in place

.github/skills/chrome-cdp-live-browser/SKILL.md

1Skills CLI (Vercel)

npx skills add reason-machines/trending-skills --skill chrome-cdp-live-browser -a gemini-cli

2Platform CLI

gemini skills install https://github.com/reason-machines/trending-skills --path skills/chrome-cdp-live-browser

Manually: put the files in place

.devin/skills/chrome-cdp-live-browser/SKILL.md

The legacy .windsurf/skills/ path still works

Skills CLI (Vercel)

npx skills add reason-machines/trending-skills --skill chrome-cdp-live-browser -a opencode

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about chrome-cdp-live-browser

How do I install chrome-cdp-live-browser in Claude Code?

Run npx skills add reason-machines/trending-skills --skill chrome-cdp-live-browser -a claude-code. The skill lands at ~/.claude/skills/chrome-cdp-live-browser/SKILL.md.

What does chrome-cdp-live-browser do?

It links your agent to the Chrome session you are already using, over the Chrome DevTools Protocol. Tabs can be read and changed without losing your logins.

What does the skill need to work?

Node.js 22+ and the remote debugging switch turned on at chrome://inspect/#remote-debugging. For a non-standard browser install, point CDP_PORT_FILE at the DevToolsActivePort file.

Similar skills

All skills for Browser and scraping →

agent-browser vercel-labs A CLI skill for browser control: it opens pages, fills forms, clicks buttons, and tests web apps. Use it when an agent needs to act inside a website. CX Codex +1 1,200,000installs webapp-testing official anthropics This skill tests local web apps with Playwright, helping agents debug UI behavior, capture screenshots, and inspect browser logs. 186,758installs computer-use stablyai This skill drives a visible app window through orca computer: accessibility tree, clicks, typing, screenshots. Reach for it when the job sits behind a GUI. CX Codex +1 239,400installs browser-use browser-use Hands the agent a real Chrome over CDP: clicks, typing, screenshots, and pages that need JS or your logged-in session. CX Codex +1 98,200installs playwright-cli microsoft A skill that hands your agent a browser: open a page, click elements, grab a snapshot, and work with Playwright tests. CX Codex +1 195,700installs last30days mvanhorn Pulls posts and engagement on any topic from the last 30 days across Reddit, X, YouTube, TikTok, Hacker News, Polymarket, GitHub and the web. Useful when you want what people actually said, not what a blog summarized. CX Codex +1 53,000installs

From the same set139

paperclip-ai-orchestration Teaches coding assistants to manage Paperclip, an open-source platform that runs autonomous AI agents with org charts, task tickets, and budget caps. CX Codex +1 1,500installs marketingskills-ai-agents Connect an AI coding agent to marketing skills for SEO, copy, analytics, and conversion work. Start by giving the agent shared context about your product. CX Codex +1 1,500installs gsd-2-agent-framework A skill that documents the GSD 2 CLI, which walks a spec through milestone, slice and task levels and writes the code unattended. Handy when you want a long job to run while you are away. CX Codex +1 1,500installs opencli-web-automation Turns target websites into console utilities by tapping into live Chrome sessions. Useful when you need scraped data from authenticated portals without writing raw scripts. CX Codex +1 1,500installs lightpanda-browser A skill that teaches your agent to run Lightpanda: install the Zig headless browser, start a CDP server, and hook Playwright or Puppeteer to it. CX Codex +1 1,500installs vinext-vite-nextjs Guides your AI assistant through running Next.js codebases on Vite and deploying them to Cloudflare Workers. CX Codex +1 1,400installs picoclaw-ai-assistant Get guidance for installing PicoClaw, configuring an LLM provider and running it on a Linux device or with Docker Compose. CX Codex +1 1,400installs mirofish-offline-simulation A skill that walks you through a local multi-agent simulation engine on Neo4j and Ollama: agents debate a document and shift opinions hour by hour. CX Codex +1 1,400installs