browser-tools

Automate web browsing, DOM interaction, and page content extraction.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires puppeteer, jsdom, @mozilla/readability, turndown, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines complex web interactions by providing automated browser control, enabling efficient testing, data scraping, and DOM manipulation.

Core Features & Use Cases

  • Web Navigation & Testing: Automate browsing workflows such as URL navigation, page reloads, and opening new tabs to test frontends or automate repetitive tasks.
  • Content Extraction: Extract readable content from web pages and generate markdown texts, useful for content summarization or archival.
  • Element Interaction & Selection: Select and highlight DOM elements interactively, facilitating targeted testing or data collection.
  • Screenshot & Cookie Management: Capture page screenshots for UI inspection and retrieve cookies for session debugging.
  • Use Case: Researchers can scrape news articles or product pages and analyze content without manual browsing.

Quick Start

Run the script to navigate to a URL, then use the content extraction script to capture and convert the page to markdown for review.

Frequently Asked Questions about browser-tools

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

FAQPage Schema
How do I extract readable content from web pages and convert it to markdown?

To extract readable content from web pages and convert it to markdown, this solution uses Puppeteer for navigation and the Mozilla Readability library to parse DOM content into clean markdown text for summarization or archival.

Can I automate web browsing and interact with dynamic JavaScript content?

Yes, you can automate web browsing and interact with dynamic JavaScript content. The Skill uses Puppeteer to control browser workflows, handle dynamic page rendering, and perform DOM interactions like element selection and highlighting.

How do I capture screenshots and retrieve cookies during web automation testing?

You can capture screenshots for UI inspection and retrieve cookies for session debugging during web automation testing. The Skill manages these browser controls directly through Puppeteer scripts to facilitate frontend testing and data collection.

Do I need Puppeteer and jsdom to extract content from dynamic web pages?

Yes, you need Puppeteer and jsdom to extract content from dynamic web pages. These dependencies, along with Mozilla Readability and Turndown, are required to automate navigation, parse the DOM, and convert the extracted content into markdown.

What is the best way to scrape news articles or product pages without manual browsing?

The best way to scrape news articles or product pages without manual browsing is using automated browser control to navigate URLs, extract readable content, and generate markdown texts, allowing researchers to analyze data directly.