skills.rest
gmcabrita
gmcabritaCOMMUNITY
Explore all skills by this author →
Website𝕏@gmcabritaGitHub

web-browser

Automate web interactions via Chrome DevTools Protocol.

6|1|Updated Nov 23, 2023
Search Tags:#automation#navigation#forms#cdp#browser#device-emulation
One-click install
npx skills add https://github.com/gmcabrita/dotfiles --skill web-browser-gmcabrita
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
oddshipoddship
3

cdp-browser

Control Chromium browsers via Chrome DevTools Protocol for automation and testing.

Official
Intermediate
skkeoriwskkeoriw

design-md

Manage, validate, and convert Google DESIGN.md design tokens to Tailwind CSS and W3C formats.

Community
Advanced
ssdeanxssdeanx
43

browser

Automate Chrome browser tasks via Chrome DevTools Protocol over WebSocket.

Community
Intermediate
Mathews-TomMathews-Tom
310

lightpanda-browser

Automate DOM interactions and data extraction via Lightpanda CDP.

Community
Intermediate