website-screenshot

Name: website-screenshot
Availability: InStock
Author: JansenAnalytics

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

Ready to run

npx skills add https://github.com/JansenAnalytics/claudex --skill website-screenshot-jansenanalytics

💬 Prompt for ChatGPT / Claude Chat▼

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.