browser-cdp

Connect to Chrome, Edge, or QQBrowser via CDP to automate authenticated browsing.

Updated Apr 14, 2026
One-click install
npx skills add https://github.com/novolei/if2Ai --skill browser-cdp-novolei
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: browser-cdp
Source: https://github.com/novolei/if2Ai/tree/main/src-tauri/resources/bundled-skills/browser-cdp
Command: npx skills add https://github.com/novolei/if2Ai --skill browser-cdp-novolei

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires websockets, and includes scripts (resource) components.

## What problem does it solve? Reuse the user’s login state by connecting to Chrome/Edge/QQBrowser via the Chrome DevTools Protocol (CDP) to enable automated browsing on authenticated sites and batch tasks.

## Core Features & Use Cases

  • Reuse existing browser sessions for authenticated page access across multiple tabs and tasks.
  • Automatically capture Accessibility Tree and DOM snapshots for structured data extraction.
  • Scripted browser interactions (fill forms, click elements, navigate, take screenshots) across authenticated sessions.

### Quick Start Connect to your existing Chrome/Edge profile via CDP and run a simple automation task.

Frequently Asked Questions about browser-cdp

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate a browser using my existing login session?

To automate web tasks with an existing login session, connect to Chrome, Edge, or QQBrowser via the Chrome DevTools Protocol (CDP). This reuses your authenticated state to interact with pages across multiple tabs without needing to log in again.

What is the Chrome DevTools Protocol used for in web automation?

The Chrome DevTools Protocol (CDP) enables automated browsing by controlling the browser through a WebSocket client. It allows you to capture Accessibility Tree and DOM snapshots, extract structured data, and script interactions across authenticated sessions.

Can I capture DOM snapshots and extract data from an authenticated page?

Yes, you can capture DOM snapshots and extract structured data from an authenticated page. By connecting through CDP, the skill automatically captures the Accessibility Tree and DOM snapshots to facilitate structured data extraction from your active sessions.

Does browser automation via CDP work with QQBrowser and Edge?

Yes, browser automation via CDP works with QQBrowser and Edge alongside Chrome. You need a CDP-enabled browser and a WebSocket client to control multi-tab browsing, script interactions, and handle secure navigation across these supported platforms.

What do I need to connect to a CDP-enabled browser for batch web tasks?

To connect to a CDP-enabled browser for batch web tasks, you need a WebSocket/CDP client and the `websockets` dependency. You must also implement safety measures to handle prompts, proxies, and secure navigation during your automated browsing sessions.

Why should I use CDP instead of creating a new browser profile for automation?

You should use CDP instead of creating a new browser profile to reuse your existing login state. This avoids authentication blocks on secured sites, enabling direct multi-tab control, scripted interactions, and data extraction across already authenticated sessions.