skills.rest
marchatton
marchattonCOMMUNITY
Explore all skills by this author →
Website𝕏@marchattonhereGitHub

dev-browser

Automate browser interactions and web scraping with Playwright.

5|Updated Oct 22, 2025
Search Tags:#testing#data extraction#browser automation#web scraping#playwright#web automation
One-click install
npx skills add https://github.com/marchatton/agent-skills --skill dev-browser-marchatton
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dev-browser
Source: https://github.com/marchatton/agent-skills/tree/main/.agents/skills/00-utilities/dev-browser
Command: npx skills add https://github.com/marchatton/agent-skills --skill dev-browser-marchatton

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @hono/node-server, @hono/node-ws, express, hono, playwright, tsx, typescript, vitest, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates browser interactions, enabling tasks like navigating websites, filling forms, extracting data, and taking screenshots programmatically.

Core Features & Use Cases

  • Browser Automation: Control a Chromium browser instance for complex workflows.
  • Web Scraping: Extract data from websites efficiently using network request interception.
  • Form Interaction: Fill out web forms and interact with page elements.
  • Use Case: Automate the process of logging into a web application, filling out a user profile, and then scraping the profile data for analysis.

Quick Start

Use the dev-browser skill to navigate to https://example.com and log the page title.

Frequently Asked Questions about dev-browser

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

FAQPage Schema
How do I automate browser interactions and web scraping with Playwright?▼

Playwright browser automation enables scriptable control of a Chromium instance to navigate pages, interact with elements, fill forms, and extract data. This skill supports both standalone browser launches and extension modes for user-controlled sessions.

What is network request replay for web scraping and how does it work?▼

Network request replay for web scraping intercepts and replays network requests to extract data from websites deterministically. This approach captures data payloads directly from network traffic rather than parsing rendered HTML.

Does this Playwright automation skill support testing and accessibility tree analysis?▼

Yes, Playwright automation supports testing and accessibility tree analysis by generating ARIA snapshots. These snapshots enable deterministic task execution and accessibility tree analysis for web pages.

Can I use a user-controlled browser session for web automation instead of a standalone launch?▼

Yes, web automation supports extension modes for user-controlled browser sessions alongside standalone browser launches. This allows automating tasks within an existing browser context rather than launching a new isolated instance.

What's the best way to extract data from web forms using browser automation?▼

Data extraction from web forms using browser automation is best handled by scriptable browser control, which enables page navigation, element interaction, and network request interception to capture and analyze profile data efficiently.

Related Skills

Explore More Software Engineering Skills→
westnwestn
1

open-gstack-browser

Launch a headed Chromium browser with the GStack sidebar extension loaded.

Community
Advanced
nsheapsnsheaps
3

data-serialization

Convert and query JSON, YAML, TOON, XML, and HTML data formats.

Community
Intermediate
darellchua2darellchua2
4

nextjs-unit-test-creator

Generate Next.js 16 unit tests for App Router, components, and API routes.

Community
Advanced
Z43LZ43L

scrapling

Extract web content from static, dynamic, and Cloudflare-protected pages.

Community
Advanced