skills.rest
Graffioh
GraffiohCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-browser

Automate Chrome browser interactions via the Chrome DevTools Protocol.

Updated Jan 29, 2026
Search Tags:#navigation#cdp#chrome#screenshot#web#browser-automation#javascript-eval
One-click install
npx skills add https://github.com/Graffioh/dotfiles --skill web-browser-graffioh
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-browser
Source: https://github.com/Graffioh/dotfiles/tree/main/pi/agent/skills/web-browser
Command: npx skills add https://github.com/Graffioh/dotfiles --skill web-browser-graffioh

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Interacting with dynamic web pages manually is time-consuming. This Skill enables programmatic browser control via the Chrome DevTools Protocol to automate browsing tasks such as navigation, interaction, and data extraction.

Core Features & Use Cases

  • Navigate to URLs and open new tabs, interact with page elements, and run JavaScript in the page context.
  • Take screenshots, evaluate expressions, extract data from pages, and perform interactive element selection when needed.
  • Dismiss cookie consent dialogs automatically to streamline automated browsing.

Quick Start

Start Chrome with remote debugging: ./scripts/start.js Open or navigate: ./scripts/nav.js https://example.com Evaluate JavaScript: ./scripts/eval.js 'document.title' Screenshot: ./scripts/screenshot.js Interactive element pick: ./scripts/pick.js "Click the submit button" Dismiss cookies: ./scripts/dismiss-cookies.js --accept

Frequently Asked Questions about web-browser

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

FAQPage Schema
How do I automate web browser interactions without manual clicks using Chrome DevTools Protocol?▼

Automating web browser interactions via the Chrome DevTools Protocol requires controlling Chrome or Chromium to execute navigation, form interaction, and data extraction tasks programmatically without manual clicks.

What do I need to run CDP browser automation scripts locally?▼

Running CDP browser automation scripts locally requires a Chrome or Chromium browser installed with remote debugging enabled, along with access to the provided scripts to operate the browser.

How can I dismiss cookie consent dialogs during automated web browsing?▼

You can dismiss cookie consent dialogs during automated web browsing by executing specific scripts that automatically accept or reject the consent popups to streamline the browsing process.

Can I evaluate JavaScript and take screenshots in a web page context using CDP?▼

Yes, you can evaluate JavaScript expressions and take screenshots directly within the web page context by controlling Chrome through the Chrome DevTools Protocol using dedicated scripts.

Is it possible to extract data from dynamic web pages programmatically?▼

Extracting data from dynamic web pages programmatically is possible by navigating to URLs, interacting with page elements, and running JavaScript in the page context to retrieve the desired information.

Related Skills

Explore More Software Engineering Skills→
GraffiohGraffioh

web-browser

Automate Chrome browser interactions via the Chrome DevTools Protocol.

Community
Advanced
xberg-ioxberg-io
26

extracting-tables

Extract HTML tables and convert them to Markdown and structured JSON.

Official
Intermediate
josorio7122josorio7122

browser-tools

Automates web page interaction and data extraction through Chrome DevTools Protocol.

Community
Intermediate
spideynolovespideynolove
2

lightpanda

Fetch HTML content from web pages using a lightweight headless browser.

Community
Basic