Open Skills Logo
Open Skills

screenshots

Generate marketing screenshots of your app using Playwright. Use when the user wants to create screenshots for Product Hunt, social media, landing pages, or documentation.

Author

@sickn33

Category

Image Processing

Install

Hot:8

Download and extract to your skills directory

Copy command and send to OpenClaw for auto-install:

Download and install this skill https://openskills.cc/api/download?slug=sickn33-skills-screenshots&locale=en&source=copy

Screenshots - Generate App Marketing Screenshots with Playwright

Skill Overview


Screenshots is a Playwright-based automated screenshot tool that quickly generates high-quality app marketing screenshots for scenarios such as Product Hunt launches, social media promotions, landing page showcases, and technical documentation.

Use Cases


  • Product Hunt Launch Prep: Automatically generate hero shots and feature highlight screenshots that meet platform requirements

  • Social Media Promotion: Create eye-catching product demo visuals for platforms like Twitter and LinkedIn

  • Landing Pages and Documentation: Batch-generate product showcase images and accompanying visuals for technical docs

    • Core Features


  • True Retina-Grade Screenshots: Use deviceScaleFactor: 2 to generate 2x HD screenshots. With a 1440x900 viewport, the output image size is 2880x1800 pixels

  • Intelligent Login Handling: Automatically detect common login form fields, supporting screenshots for apps that require authentication

  • Flexible Screenshot Options: Supports full-page screenshots, element-focused screenshots, dark mode variants, and other screenshot modes

    • FAQ

    How does Playwright generate high-quality screenshots?


    Playwright generates true Retina-grade HD screenshots by setting deviceScaleFactor: 2. A recommended viewport configuration is 1440x900, which produces images at 2880x1800 pixels—fully meeting marketing content quality requirements.

    What screenshots are needed for Product Hunt?


    Product Hunt typically requires 3–5 product screenshots, including: 1 overview image of the home page/dashboard, 2–3 core feature screenshots, and 1 featured highlights image. It’s recommended to use 2x resolution screenshots and ensure you use demo data so the interface content looks more realistic.

    Does it support screenshots for apps that require login?


    Yes. Screenshots includes built-in smart login functionality that automatically detects common email, password, and submit button fields. You only need to provide the login page URL and credentials—the script will complete the login flow and then take the screenshots.