Can I capture mobile-sized screenshots?

Yes, you can configure the viewport settings within the skill to match specific device resolutions, such as an iPhone or tablet, to test responsive designs.

How does it handle cookie consent banners?

It uses a multi-phase removal function that first attempts to click 'Accept' buttons and then forcibly removes any remaining fixed or sticky overlay elements from the DOM to ensure a clean capture.

Is Playwright required to use this skill?

Yes, this skill is built to work with Playwright and Chromium to ensure the most consistent rendering across different platforms.

Does it work with sites that lazy-load images?

Yes, the skill includes an auto-scroll function that traverses the entire page to trigger all lazy-loading events before the final screenshot is taken.

Can I compare two different versions of a site?

Yes, the skill includes a comparison mode that generates a side-by-side HTML report comparing 'before' and 'after' screenshot directories for easy visual regression analysis.

Screenshot Capture

Name: Screenshot Capture
Author: paolomoz

bypaolomoz

•

Browser Automation

Captures high-quality full-page and viewport screenshots using Playwright while automatically handling cookie banners, overlays, and lazy-loaded content.

This skill automates the process of capturing clean, production-grade website screenshots by leveraging Playwright and Chromium. It goes beyond simple snapshots by implementing a sophisticated overlay removal system to clear intrusive cookie consent banners, age gates, and sticky headers that often clutter visual audits. With built-in support for auto-scrolling to trigger lazy-loaded images and a dedicated comparison mode for before-and-after analysis, it is an essential tool for developers performing visual regression testing, content audits, or competitive design research.

Key Features

012 GitHub stars

02Customizable viewport settings for mobile and desktop responsive testing

03Side-by-side visual comparison report generation

04Support for both full-page and viewport-specific captures

05Automatic scrolling to trigger and capture lazy-loaded content

06Intelligent overlay and cookie consent banner removal

Use Cases

01Automating content audits and brand consistency reviews across large sitemaps

02Visual regression testing to validate UI changes before and after deployment

03Capturing high-resolution screenshots of competitor sites for design analysis

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add paolomoz/skills screenshot-capture

For use in Claude.ai and ChatGPT