skills.rest
josorio7122
josorio7122COMMUNITY
Explore all skills by this author →
GitHub

browser-tools

Automates web page interaction and data extraction through Chrome DevTools Protocol.

Updated Feb 22, 2026
Search Tags:#automation#web scraping#devtools#frontend testing#chrome#browser
One-click install
npx skills add https://github.com/josorio7122/pi-browser-tools --skill browser-tools-josorio7122
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: browser-tools
Source: https://github.com/josorio7122/pi-browser-tools/tree/main/skills/browser-tools
Command: npx skills add https://github.com/josorio7122/pi-browser-tools --skill browser-tools-josorio7122

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires puppeteer-core, @mozilla/readability, jsdom, turndown, turndown-plugin-gfm, cheerio, and includes scripts (resource) components.

What problem does it solve?

This Skill allows you to automate interactions with web browsers, making it easier to test frontends, scrape dynamic content, and perform repetitive web-based tasks.

Core Features & Use Cases

  • Browser Control: Launch, navigate, and interact with Chrome.
  • Content Extraction: Scrape readable content or specific data using JavaScript evaluation.
  • Interactive Element Selection: Visually pick elements on a page for targeted actions.
  • Use Case: Automate the process of logging into a website, filling out a form, and extracting the confirmation message.

Quick Start

Use the browser-tools skill to navigate to https://example.com in a new tab.

Frequently Asked Questions about browser-tools

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

FAQPage Schema
How do I automate Chrome for web scraping dynamic content?▼

You can automate web scraping in Chrome by using this skill to navigate pages and execute JavaScript to extract dynamic content. It leverages the Chrome DevTools Protocol to interact with web elements and scrape readable content.

What is the best way to control Chrome for frontend testing?▼

Frontend testing is handled by controlling Chrome through the DevTools Protocol to navigate pages and visually select elements. You can execute JavaScript and interact with the page to verify dynamic UI behavior.

Do I need to launch Chrome with remote debugging enabled to use browser automation?▼

Yes, Chrome must be running with remote debugging enabled before using this automation skill. The tool connects to the browser via the Chrome DevTools Protocol to execute navigation and scraping tasks.

Can I extract readable content from web pages for frontend testing?▼

Yes, you can extract readable content from web pages using built-in readability and HTML parsing libraries. The skill evaluates JavaScript to scrape specific data and convert HTML content into markdown.

How does interactive element selection work for web automation tasks?▼

Interactive element selection allows you to visually pick specific elements on a web page for targeted actions during automation. This enables precise frontend testing and data extraction without writing complex CSS selectors.

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

Using the DevTools Protocol for web scraping requires a running Chrome instance with remote debugging enabled, meaning it cannot operate in a fully headless background environment and depends on an active browser process.

Related Skills

Explore More Software Engineering Skills→
GraffiohGraffioh

web-browser

Automate Chrome browser interactions via the Chrome DevTools Protocol.

Community
Advanced
eykdeykd

web-scraper

Convert web pages to Markdown using the url-to-markdown-cli-tool.

Community
Intermediate
akselikorhonen-siiliakselikorhonen-siili

html-to-md

Extract HTML content from web pages and convert it to Markdown.

Community
Basic
roach88roach88
2

browser

Automate Chrome via Chrome DevTools Protocol without extensions or MCP tooling.

Community
Intermediate