Full-Page Screenshot Tool

ReactScreenshotBrowserAutomationTestingUpdated 2026-08-14

When to use: Automating website screenshots: full-page captures for portfolios, marketing previews, visual regression testing, and content snapshotting.

Install
npx skills add full-page-screenshot-tool
Git Clone
git clone https://github.com/skillhub-community/full-page-screenshot-tool.git

Description

A headless-browser screenshot service with a friendly control panel. CaptureModes: full-page (stitches the complete scrollable page), viewport (single screen), selector (target a specific element), and timed (waits N seconds for animations/fonts). The UI lets you set device emulation (viewport size, deviceScaleFactor, mobile UA), scroll behavior before capture, and lazy-load 'reveal and wait' for below-the-fold content. Output is served as a PNG/JPEG/WebP download with optional grayscale or posterize filter.

Includes a visual-diff mode: capture the same page at two points (times or URLs) and get a pixel-diff heatmap highlighting changes — useful for visual regression in CI or for checking a deploy. Exposes both a browser UI and an HTTP API (POST /capture with JSON config) so it slots into automation pipelines. Built on Puppeteer/Playwright with sane defaults (block ads/fonts for speed, emulate a real GPU, retry on network flake). Zero-dependency CDP fallback for minimal deployments.

AI Hub

Need a model endpoint?

AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.

Open AI Hub

Metadata

Author@media_lin
LicenseMIT
Version1.0.0
Dependencies0