Can it capture pages that require user authentication?

Absolutely. The skill includes a smart authentication handler that can identify login fields, input credentials you provide, and navigate to protected dashboard areas.

Does this skill require Playwright to be installed?

Yes, Playwright is the core engine used to capture screenshots. The skill will check for its presence and provide installation commands if it's missing from your project.

How does it know which pages to screenshot?

The skill performs a deep analysis of your codebase, reading README files and routing configurations (like Next.js app/ directory or Rails routes.rb) to identify the most important features.

What is the quality of the generated screenshots?

Screenshots are captured at a 1440x900 viewport with a 2x device scale factor, resulting in professional 2880x1800 pixel Retina images suitable for high-end marketing materials.

Marketing Screenshot Generator

Name: Marketing Screenshot Generator
Author: sickn33

bysickn33

•

15,684

•

Browser Automation

Generates high-resolution, Retina-quality marketing screenshots of your web application using automated Playwright scripts.

The Marketing Screenshot Generator is a specialized Claude Code skill designed to automate the production of professional-grade visual assets for Product Hunt, social media, and documentation. By analyzing your codebase's routing and component structure, it identifies key features and captures them at 2x HiDPI resolution. It intelligently handles authentication, wait states, and dynamic UI elements like modals or dark mode, ensuring consistent, high-fidelity images without manual browser interaction or manual screen grabbing.

Key Features

01Support for dark mode, element-specific captures, and full-page shots

02Multi-framework support including Next.js, React, Rails, Vue, and SvelteKit

0315,684 GitHub stars

04Smart authentication handling for pages behind login screens

05Automated codebase analysis for route and feature discovery

06True HiDPI (2x Retina) resolution capturing via deviceScaleFactor: 2

Use Cases

01Preparing high-fidelity assets for a Product Hunt or IndieHackers launch

02Generating social media preview images for new feature announcements

03Creating consistent, professional UI screenshots for technical documentation

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add sickn33/antigravity-awesome-skills screenshots

For use in Claude.ai and ChatGPT

Download Skill