Playwright Page Data Extractor

Uses Microsoft Playwright’s Node.js API to navigate dynamic web applications, intercept network requests, and extract structured data from React/Vue/Angular SPAs with automatic wait strategies.

Overview

The Playwright Page Data Extractor skill leverages Microsoft Playwright for reliable data extraction from modern JavaScript-heavy web applications. It handles React, Vue, and Angular single-page applications that render content client-side, using Playwright’s auto-waiting mechanisms to ensure content is fully loaded before extraction.

The skill uses Playwright’s page.evaluate() for DOM traversal, page.route() for network request interception and API response capture, and page.waitForSelector() with configurable timeout strategies. It generates extraction scripts that handle infinite scroll pagination, modal dialogs, and dynamic content loading via IntersectionObserver patterns.

Advanced capabilities include multi-page crawling with BrowserContext for session isolation, screenshot-based visual comparison for change detection, and HAR file recording for offline analysis. The skill supports proxy configuration, geolocation spoofing for region-specific content, and generates TypeScript extraction scripts with strong typing for extracted data structures.

Installation

Any Agent

npx skills add agentskillexchange/skills --skill playwright-page-data-extractor

Claude Code

npx skills add agentskillexchange/skills --skill playwright-page-data-extractor -a claude-code

Cursor

npx skills add agentskillexchange/skills --skill playwright-page-data-extractor -a cursor

Codex

npx skills add agentskillexchange/skills --skill playwright-page-data-extractor -a codex

OpenClaw

clawhub install playwright-page-data-extractor

Source

• Marketplace: https://agentskillexchange.com/skills/playwright-page-data-extractor/