How do I connect Claude to a specific browser tab?

You can use the 'v1 list' command to view all active tabs and then use 'v1 select ' to attach Claude to the specific page you want to control.

Does this skill support Shadow DOM interaction?

Yes, the interaction commands include a '--pierce' flag that allows Claude to find and interact with elements located inside the Shadow DOM.

Can I use this skill with a headless browser?

No, for security and visibility reasons, CDP Attach requires a visible (headed) browser instance started with the remote debugging port enabled.

How do I handle interactive elements that don't have clear CSS selectors?

The skill provides a 'scan_interactive' command and 'find_element' via Accessibility API (name/role) to identify elements when standard CSS selectors fail.

Is this skill meant for web searching?

No. This skill is designed for acting on a page or debugging it. For general web research or information gathering, tools like Tavily or Prothesis are recommended.

CDP Browser Automation

Name: CDP Browser Automation
Author: jongwony

byjongwony

•

ブラウザ自動化

Automates and debugs web applications by attaching Claude directly to running Chrome DevTools Protocol instances.

CDP Attach is a comprehensive browser automation and debugging skill for Claude Code that leverages the Chrome DevTools Protocol (CDP). It enables Claude to interact with live, visible browser sessions to perform tasks like clicking elements, filling forms, capturing screenshots, and monitoring network traffic. Ideal for developers needing to verify UI states, debug API responses, or automate workflows within a browser, it provides a robust toolkit for inspecting both the DOM and the accessibility tree while providing a reliable bridge between the terminal and the browser.

主な機能

01High-fidelity screenshot capture and accessibility tree snapshots

021 GitHub stars

03Live network traffic monitoring and console log inspection

04Real-time browser interaction and element discovery using CSS, XPath, or ARIA roles

05Mobile device emulation and performance tracing capabilities

06Advanced JavaScript execution with automatic variable rewriting and promise support

ユースケース

01Conducting automated accessibility audits and performance tracing on live web pages

02Debugging complex Single Page Application (SPA) state transitions and network requests

03Automating multi-step form submissions and performing visual regression verification

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jongwony/cc-plugin cdp-attach

For use in Claude.ai and ChatGPT