skills.rest
JansenAnalytics
JansenAnalyticsCOMMUNITY
Explore all skills by this author →
GitHub

website-screenshot

Capture headless web page screenshots with Playwright Core and output the image path.

5|Updated Apr 8, 2026
Search Tags:#automation#playwright#headless#webpage#screenshot#visual-test#chromium
One-click install
npx skills add https://github.com/JansenAnalytics/claudex --skill website-screenshot-jansenanalytics
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: website-screenshot
Source: https://github.com/JansenAnalytics/claudex/tree/main/skills/website-screenshot
Command: npx skills add https://github.com/JansenAnalytics/claudex --skill website-screenshot-jansenanalytics

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright-core, and includes scripts (resource) components.

What problem does it solve?

Capturing accurate, repeatable visuals of web pages is time-consuming and error-prone when done manually. This Skill automates headless screenshot generation, ensuring consistent outputs for QA, design reviews, and documentation.

Core Features & Use Cases

  • Headless Screenshots: Capture viewport or full-page images of any URL with configurable viewport, dark mode, and mobile emulation.
  • Flexible Wait Strategies: Support domcontentloaded, load, and networkidle to accommodate dynamic pages.
  • Use Case: Quickly generate visual previews of updated pages for design sign-off or automated UI monitoring.

Quick Start

Run the website-screenshot script with a target URL to produce and save a screenshot to a persistent file path.

Frequently Asked Questions about website-screenshot

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

FAQPage Schema
How do I automate headless screenshots of web pages for visual verification?▼

Playwright Core captures headless screenshots of web pages by loading a target URL in system Chromium and outputting the saved image path to stdout. This automates visual verification for QA and design reviews.

Can I capture full-page screenshots with mobile emulation and dark mode?▼

Headless screenshots support configurable viewport sizes, mobile emulation, and dark mode settings. This enables accurate full-page captures of any URL across different device contexts for visual testing.

What wait strategies are available when taking screenshots of dynamic web pages?▼

Flexible wait strategies include domcontentloaded, load, and networkidle to accommodate dynamic web pages. These options ensure the page fully renders before capturing the headless screenshot.

Does this screenshot automation tool require installing a separate browser binary?▼

No separate browser binary installation is required because the tool uses system Chromium. It leverages Playwright Core to drive the existing Chromium installation for capturing headless webpage screenshots.

What is the best way to generate visual previews for automated UI monitoring?▼

The best way to generate visual previews for automated UI monitoring is running a headless screenshot script against target URLs. It produces persistent image files suitable for automated visual verification and design sign-off workflows.

Related Skills

Explore More Design & Creative Skills→
26mitch2626mitch26

setup-browser-cookies

Import cookies from a Chromium browser into Playwright headless sessions.

Community
Basic
viably-labsviably-labs

playwright-screenshot-inspector

Analyze Playwright screenshots to validate UI rendering accuracy semantically.

Official
Advanced
VanLVanL
1

browse

Automates browser navigation, form handling, and visual testing for web app QA.

Community
Intermediate
paolomozpaolomoz
3

block-detector

Detect and catalog web page content blocks using Puppeteer automation.

Community
Advanced