skills.rest
bpawlakj
bpawlakjCOMMUNITY
Explore all skills by this author →
GitHub

open-web

Open URLs in a Playwright browser and capture accessibility snapshots.

3|Updated Mar 31, 2026
Search Tags:#debugging#mcp#web scraping#playwright#screenshot#accessibility snapshot#rendered dom
One-click install
npx skills add https://github.com/bpawlakj/ai-devkit --skill open-web
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: open-web
Source: https://github.com/bpawlakj/ai-devkit/tree/main/claude/skills/open-web
Command: npx skills add https://github.com/bpawlakj/ai-devkit --skill open-web

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The open-web Skill solves the problem of reading and understanding web pages that WebFetch can’t handle, such as JavaScript-rendered SPAs and auth-walled pages.

Core Features & Use Cases

  • Real Browser Rendering via Playwright: Opens a URL in a Playwright-driven browser to see the fully rendered DOM instead of just server HTML.
  • Accessibility Snapshot + Visual Evidence: Captures an accessibility snapshot and can take a screenshot to support analysis and debugging.
  • Console Error Visibility: Surfaces JavaScript console errors and warnings to explain blank or broken pages, including pages behind login walls.

Quick Start

Tell the agent to open a page URL in a browser and report what landed, including an accessibility snapshot and a screenshot.

Frequently Asked Questions about open-web

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

FAQPage Schema
How do I scrape content from a JavaScript-rendered SPA where server HTML is insufficient?▼

To scrape a JavaScript-rendered SPA, use a Playwright-driven browser to open the URL, wait for network settlement, and capture the fully rendered DOM instead of relying on static server HTML.

Why does WebFetch return blank or incomplete content for my web page?▼

WebFetch returns incomplete content when pages require JavaScript rendering or authentication. Capturing an accessibility snapshot with a real browser exposes the rendered DOM and surfaces console errors causing the blank page.

Can I inspect an auth-gated page that requires an existing active login session?▼

Yes, you can inspect auth-gated pages by using a Playwright browser that maintains an existing headed login session. The process enforces strict guardrails against automating the login process itself.

How do I capture an accessibility snapshot and screenshot for web debugging?▼

Capture an accessibility snapshot and screenshot for web debugging by navigating to the target URL in a Playwright-driven browser, waiting for page settlement, and extracting the visual and accessibility artifacts.

Does this browser inspection approach report JavaScript console errors and warnings?▼

Yes, this browser inspection approach reports JavaScript console errors and warnings. Surfacing these console messages helps explain blank pages, broken layouts, and rendering failures on complex web pages.

What are the limitations of using Playwright for web scraping and page inspection?▼

Limitations of using Playwright for web scraping include strict guardrails against login automation, requiring an existing headed session for auth-walled pages, and waiting for full page settlement before capturing snapshots to avoid incomplete data.

Related Skills

Explore More Software Engineering Skills→
Wike-CHIWike-CHI
2

playwright

Automate browser tasks with Playwright MCP for navigation, form filling, and data extraction.

Community
Intermediate
kevindreekevindree

browser-testing-with-devtools

Inspect live DOM, console, network, and accessibility data via Chrome DevTools MCP.

Community
Advanced
kevinnftkevinnft
13

web-scraping

Extract structured data from static HTML, JS-rendered pages, and hybrid sites.

Community
Intermediate
MOODMNKY-LLCMOODMNKY-LLC

canvas

Load HTML content on connected OpenClaw nodes and capture canvas screenshots.

Community
Intermediate