browser-tools

Automate web interactions via Chrome DevTools Protocol with Puppeteer.

1|Updated May 2, 2026
One-click install
npx skills add https://github.com/dushyantkhosla/agent-skills --skill browser-tools-dushyantkhosla
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: browser-tools
Source: https://github.com/dushyantkhosla/agent-skills/tree/main/skills/browser-tools
Command: npx skills add https://github.com/dushyantkhosla/agent-skills --skill browser-tools-dushyantkhosla

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires puppeteer, puppeteer-core, puppeteer-extra, puppeteer-extra-plugin-stealth, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides tools to automate web page interactions, enabling testing, scraping, and debugging with Chrome DevTools Protocol.

Core Features & Use Cases

  • Browser Automation: Interact with web pages programmatically, including navigation, JavaScript evaluation, and DOM manipulation.
  • JavaScript Execution: Run JavaScript code in the context of a web page to extract data, perform actions, or inspect the state.
  • Screenshot and Screenshot Analysis: Capture and analyze screenshots of web pages for visual verification or data extraction.
  • Element Selection: Select and manipulate specific DOM elements for targeted interactions.
  • Cookies and Session Management: Inspect and manage cookies and session data for authentication and session state debugging.
  • Use Case: If you need to automate a series of actions on a website, such as form submission or data scraping, or to test the frontend of an application, this Skill can help you achieve that.

Quick Start

Use the browser-tools skill to navigate to 'https://example.com'.

Frequently Asked Questions about browser-tools

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

FAQPage Schema
How do I automate web page interactions using the Chrome DevTools Protocol?

Automating web page interactions with the Chrome DevTools Protocol allows you to programmatically navigate, execute JavaScript, and manipulate DOM elements. This Skill uses Puppeteer libraries to control headless Chrome for form submission, data scraping, and frontend testing.

Can I run JavaScript code in the context of a web page for data scraping?

Running JavaScript code in the context of a web page enables direct data extraction and state inspection. This Skill supports executing custom scripts within the browser environment to interact with page elements and retrieve dynamic content.

Do I need Puppeteer to automate browser interaction for UI testing?

Yes, you need Puppeteer and related libraries like puppeteer-extra-plugin-stealth to automate browser interaction for UI testing. These dependencies provide the required headless browser control and scripting capabilities to simulate user actions.

What is the best way to inspect and manage cookies for authentication debugging?

The best way to inspect and manage cookies for authentication debugging is using browser automation scripts. This Skill allows you to programmatically access and manipulate session data to verify authentication states and debug session issues.

How do I capture and analyze screenshots for visual verification during web testing?

Capturing and analyzing screenshots during web testing provides visual verification of page states. This Skill automates screenshot generation through the Chrome DevTools Protocol, allowing you to extract data or verify UI changes programmatically.

Why use headless browser control instead of other tools for form submission automation?

Using headless browser control for form submission automation provides accurate JavaScript execution and DOM manipulation. It leverages the Chrome DevTools Protocol to simulate real user interactions, ensuring frontend testing and scraping tasks execute reliably.