skills.rest
adampetrovic
adampetrovicCOMMUNITY
Explore all skills by this author →
GitHub

web-browser

Control Chrome/Chromium via the Chrome DevTools Protocol to navigate, execute JavaScript, and capture screenshots.

2|Updated Nov 9, 2021
Search Tags:#automation#navigation#devtools#chrome#scraping#browser#web
One-click install
npx skills add https://github.com/adampetrovic/dotfiles --skill web-browser-adampetrovic
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-browser
Source: https://github.com/adampetrovic/dotfiles/tree/main/dot_pi/agent/skills/web-browser
Command: npx skills add https://github.com/adampetrovic/dotfiles --skill web-browser-adampetrovic

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill allows an AI to interact with web pages by performing actions like clicking buttons, filling forms, and navigating links, effectively enabling web browsing capabilities.

Core Features & Use Cases

  • Remote Browser Control: Uses the Chrome DevTools Protocol (CDP) to control Google Chrome or Chromium.
  • Navigation: Open specific URLs in new or existing tabs.
  • Element Interaction: Evaluate JavaScript, screenshot viewports, and interact with specific elements on a page.
  • Use Case: An AI can use this skill to research a topic by navigating to search results, clicking on relevant links, extracting information from the pages, and summarizing the findings.

Quick Start

Navigate to https://example.com in a new tab.

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 interaction using the Chrome DevTools Protocol?▼

You can automate web browser interaction by using the Chrome DevTools Protocol to remotely control Chrome or Chromium, enabling an AI to navigate URLs, execute JavaScript, fill forms, and capture screenshots programmatically.

Can I use remote browser control to scrape and extract information from web pages?▼

Yes, remote browser control allows an AI to navigate to search results, click links, evaluate JavaScript, and extract information from pages to research topics and summarize findings.

What do I need to run a Chrome automation script for web navigation?▼

You need a running instance of Chrome or Chromium with remote debugging enabled on port 9222, along with the WebSocket dependency to establish the DevTools Protocol connection for web navigation.

How do I dismiss cookie consent dialogs during automated web scraping?▼

Automated web scraping scripts can dismiss cookie consent dialogs programmatically through Chrome DevTools Protocol commands, ensuring uninterrupted navigation and element interaction on pages.

Does this browser automation approach work with Chromium or only Google Chrome?▼

This browser automation approach works with both Google Chrome and Chromium, requiring either browser to be running with remote debugging enabled on port 9222 for the DevTools Protocol connection.

What are the limitations of using the Chrome DevTools Protocol for web scraping?▼

Limitations include requiring a running Chrome or Chromium instance with remote debugging on port 9222, and automation is constrained to actions supported by the DevTools Protocol like executing JavaScript and capturing screenshots.

Related Skills

Explore More Software Engineering Skills→
mksglumksglu
43

browsirai

Connect AI agents to a running Chrome instance via the Chrome DevTools Protocol.

Community
Advanced
ZJU-REALZJU-REAL
195

firecrawl-parse

Convert local PDF, DOCX, and HTML files into clean markdown.

Official
Intermediate
Mic92Mic92
25

browser-cli

Automate browser navigation, form filling, and data extraction via JavaScript execution.

Community
Intermediate
kompassdevkompassdev
9

agent-browser

Automate web browser navigation, interaction, data extraction, and testing workflows.

Official
Intermediate