browser

Control Chromium browsers via Playwright and Chrome DevTools MCP backends.

1|Updated Apr 14, 2026
One-click install
npx skills add https://github.com/hschne/pi-stuff --skill browser-hschne
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: browser
Source: https://github.com/hschne/pi-stuff/tree/main/skills/browser
Command: npx skills add https://github.com/hschne/pi-stuff --skill browser-hschne

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Manually navigating, testing, scraping, or debugging web pages is slow, error-prone, and difficult to replicate consistently, especially when working with shared live browser sessions for collaborative troubleshooting.

Core Features & Use Cases

  • Automated Browser Workflows: Navigate pages, click elements, fill forms, scrape content, take screenshots, and run end-to-end web tests using the Playwright backend for headless Chromium.
  • Web Debugging & Inspection: Analyze network traffic, console logs, DOM structure, and performance metrics (including Core Web Vitals) via the Chrome DevTools backend for deep page diagnostics.
  • Shared Browser Co-working: Attach to a live browser session a human has open for real-time collaborative work without launching a new browser instance. For example, a developer can use this skill to automatically test a new feature's user flow, debug a slow page load by reviewing network traces, or join a colleague's open browser to troubleshoot an issue together in real time.

Quick Start

Use the browser skill to navigate to your team's internal project dashboard, scrape the list of active high-priority tickets, and save the extracted data to a local CSV file.

Frequently Asked Questions about browser

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

FAQPage Schema
How do I automate web testing and scrape content using Chromium?

Automated web testing and content scraping are achieved by leveraging the Playwright backend to drive headless Chromium instances, enabling you to navigate pages, click elements, fill forms, and extract data deterministically.

Can I debug network traffic and inspect Core Web Vitals with Chrome DevTools?

Yes, Chrome DevTools integration allows you to analyze network traffic, console logs, DOM structure, and performance metrics including Core Web Vitals for deep, real-time web page diagnostics.

What is the best way to attach an automated script to a live browser session for collaborative debugging?

Attaching to a live browser session for collaborative debugging is done via CDP-based attachment, allowing you to join a colleague's open browser instance for real-time troubleshooting without launching a new browser.

Does this browser automation approach require installing a separate Chromium browser?

No, you do not need to install a separate browser package; the system interfaces directly with your system-installed Chromium to ensure consistent and deterministic browser operation.

What are the limitations of using Playwright and Chrome DevTools for web scraping?

While Playwright and Chrome DevTools provide robust page inspection and interaction, limitations arise when encountering complex anti-bot mechanisms or dynamically obfuscated DOM structures that resist standard automated element selection.