web-browser

Automate web interactions via Chrome DevTools Protocol.

6|1|Updated Nov 23, 2023

Search Tags:#automation #navigation #forms #cdp #browser #device-emulation

Ready to run

npx skills add https://github.com/gmcabrita/dotfiles --skill web-browser-gmcabrita

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-browser
Source: https://github.com/gmcabrita/dotfiles/tree/main/.agents/skills/web-browser
Command: npx skills add https://github.com/gmcabrita/dotfiles --skill web-browser-gmcabrita

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Interact with and automate web pages by performing actions such as clicking elements, filling out forms, and navigating links through the Chrome DevTools Protocol (CDP) interface, enabling real-time web exploration and testing without manual browsing.

Core Features & Use Cases

Navigate to URLs, manage tabs, and interact with page elements (clicks, form fills, navigation).
Evaluate JavaScript in the active page and capture screenshots for UI validation.
Support device emulation and user-agent customization to test responsive layouts and UA-dependent behavior.

Quick Start

Launch Chrome with remote debugging enabled and start navigating to a page using the provided scripts.

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 like clicking and form filling?▼

Automate web interactions by using a minimal Chrome DevTools Protocol (CDP) client to attach to a running Chrome instance, enabling actions like clicking elements, filling forms, and navigating links.

Can I test responsive layouts and user-agent behavior with Chrome CDP?▼

Test responsive layouts and user-agent behavior using Chrome CDP by applying device emulation and customizing the user-agent during your automated web navigation and exploration sessions.

How do I capture screenshots and evaluate JavaScript during automated web testing?▼

Capture screenshots and evaluate JavaScript in an active page by attaching a CDP client to a running Chromium instance, providing real-time UI validation and dynamic page interaction.

What do I need to set up before automating web navigation with CDP?▼

Launch Chrome or Chromium with remote debugging enabled to expose the CDP interface, then attach the client to start navigating URLs, managing tabs, and interacting with page elements.

Does this CDP client support tab management and real-time page exploration?▼

Supporting real-time web exploration, the CDP client allows you to navigate to URLs, manage browser tabs, and interact with page elements dynamically without manual browsing.