skills.rest
LoveIiei
LoveIieiCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

browser-cdp

Automate Chrome navigation and extraction via the Chrome DevTools Protocol.

1|Updated May 16, 2026
Search Tags:#browser automation#web scraping#content extraction#cdp#chrome#token retrieval#authentication reuse
One-click install
npx skills add https://github.com/LoveIiei/oh-story-opencode --skill browser-cdp-loveiiei
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: browser-cdp
Source: https://github.com/LoveIiei/oh-story-opencode/tree/main/.opencode/skills/browser-cdp
Command: npx skills add https://github.com/LoveIiei/oh-story-opencode --skill browser-cdp-loveiiei

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill solves the problem of automating browser-based browsing and extraction steps that would otherwise require manual login, navigation, and data scraping.

Core Features & Use Cases

  • CDP Launch & Reuse 登录态: Starts or connects to a Chrome instance with a remote debugging port and reuses an existing logged-in profile (cookies / localStorage / session).
  • Navigate, Extract, and Screenshot: Navigates to target pages and extracts page text or specific elements, and can capture screenshots for evidence or debugging.
  • Token / Cookies Retrieval for Downstream Skills: Retrieves cookies and can extract local/session tokens and request authorization tokens needed by scan/analyze workflows.
  • Use Case: When running long/short scanning skills for web fiction platforms, it collects stable page content and auth context required for subsequent analysis and writing pipelines.

Quick Start

Use the browser-cdp skill by asking your OpenCode agent to run the setup script that starts a CDP-enabled Chrome and outputs the CDP connection endpoint.

Frequently Asked Questions about browser-cdp

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

FAQPage Schema
How do I automate web scraping on pages that require login?▼

Automate web scraping on login-required pages by controlling Chrome through the Chrome DevTools Protocol (CDP) to reuse an existing logged-in profile. This allows navigating and extracting content without manual authentication.

Can I retrieve authentication tokens and cookies from a running Chrome instance?▼

Yes, you can retrieve authentication tokens and cookies from a running Chrome instance by connecting to its CDP debugging port. The Skill extracts cookies, localStorage, and session tokens for downstream workflows.

How do I launch Chrome with CDP for automated content extraction?▼

Launch Chrome with CDP for content extraction by running the provided Node.js setup script. It starts a CDP-enabled Chrome instance with a persistent user profile and outputs the connection endpoint.

What is the best way to capture screenshots during automated browser navigation?▼

The best way to capture screenshots during automated browser navigation is via CDP control. This Skill navigates to target pages and captures screenshots for evidence or debugging alongside text extraction.

Does browser automation with CDP work for scanning web fiction platforms?▼

Browser automation with CDP works for scanning web fiction platforms by collecting stable page content and auth context. It applies to long-scan and short-scan workflows for subsequent analysis and writing pipelines.

Do I need Node.js to use CDP for Chrome automation?▼

Yes, you need Node.js to run the provided setup script that launches or reuses a CDP-enabled Chrome instance. The script establishes the debugging port connection required for automation.

Related Skills

Explore More Data & Analytics Skills→
vanducngvanducng
5

web-perf

Collect Core Web Vitals and DevTools traces from a live Chrome profile via CDP.

Community
Intermediate
eesha000009-deveesha000009-dev
1

web-reader

Extract article content, metadata, and cleaned HTML from web pages.

Community
Intermediate
roach88roach88
2

browser

Automate Chrome via Chrome DevTools Protocol without extensions or MCP tooling.

Community
Intermediate
b-open-iob-open-io
14

dev-browser

Automate browser navigation, interaction, and content extraction for UI testing.

Official
Advanced