skills.rest
kaifashraff
kaifashraffCOMMUNITY
Explore all skills by this author →
GitHub

web-screenshot

Capture web pages as PNG screenshots or PDF exports using Playwright.

Updated Mar 18, 2026
Search Tags:#automation#pdf#qa#playwright#headless#webpage#screenshot
One-click install
npx skills add https://github.com/kaifashraff/jarvis-research --skill web-screenshot-kaifashraff
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-screenshot
Source: https://github.com/kaifashraff/jarvis-research/tree/main/skills/web-screenshot
Command: npx skills add https://github.com/kaifashraff/jarvis-research --skill web-screenshot-kaifashraff

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This tool automatically renders any URL into a visual asset, enabling quick captures of web content as images or PDFs to aid reporting and archival.

Core Features & Use Cases

  • Full-page or viewport screenshots: Capture the visible area or the entire scrollable page.
  • PDF export: Generate paginated, print-ready PDFs of web pages.
  • Easy automation: Integrates with shell scripts or inline Node.js for quick batch tasks across QA, documentation, and archiving.

Quick Start

Provide a URL and choose between a PNG screenshot or a PDF export to quickly generate the desired output.

Frequently Asked Questions about web-screenshot

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

FAQPage Schema
How do I take full-page screenshots of dynamic web pages with JavaScript rendering?▼

To take full-page screenshots of dynamic web pages, this tool uses Playwright in Node.js to render JavaScript and capture the entire scrollable area into a PNG image using a simple --fullpage flag.

Can I generate print-ready PDFs from web pages for archiving?▼

Yes, you can generate print-ready PDFs from web pages by passing the --pdf flag, producing paginated documents suitable for visual reporting and archiving.

Does capturing webpage screenshots with this tool require installing Playwright?▼

Yes, capturing webpage screenshots requires Playwright as a dependency in your Node.js environment to enable headless browser rendering of dynamic sites.

What is the best way to automate batch screenshot generation for QA testing?▼

The best way to automate batch screenshot generation for QA is integrating the provided shell scripts or inline Node.js commands to process multiple URLs sequentially.

Are viewport screenshots supported or can I only capture the entire page?▼

Viewport screenshots are fully supported, allowing you to capture only the visible browser area instead of forcing a full-page capture when specific visual states are needed.

Why does my webpage screenshot appear blank when capturing dynamic sites?▼

Blank screenshots of dynamic sites often occur when JavaScript fails to render, but utilizing Playwright ensures proper headless execution and waits for page content to load before capturing the image.

Related Skills

Explore More Software Engineering Skills→
chtughachtugha

playwright-cli-client

Automates web tasks using Playwright's Node.js API with headless mode and JavaScript execution in the browser context.

Community
Intermediate
claude-office-skillsclaude-office-skills
368

PDF OCR Extraction

Perform OCR on scanned PDFs to extract text and create searchable PDFs.

Official
Intermediate
samjhechtsamjhecht
4

frontend-visual-regression-testing

Compare UI component screenshots against baselines to detect visual regressions.

Community
Advanced
zhayujiezhayujie
46.4k

web-fetch

Fetch web page HTML and extract title and readable text.

Community
Basic