---
title: Screenshots
category: product
entity_type: skill
price: $15
canonical: https://forgehouse.ai/skills/screenshots/
lang: en
hreflang_alt: https://forgehouse.ai/tr/skiller/screenshots/
last_updated: 2026-06-20
---

# Screenshots

> Generate marketing screenshots of your app using Playwright.

Generates true HiDPI, retina-quality marketing screenshots of your app using Playwright, producing crisp 2880x1800 images ready for Product Hunt, social, landing pages, or docs. It explores your codebase first by reading the README and routing files to discover screenshottable features, handles login with smart locators, and captures each page with consistent framing. You get a clean, numbered set of marketing assets instead of a messy pile of mismatched grabs.

## Use cases
- Produce a hero set of feature screenshots for a Product Hunt launch
- Capture eye-catching feature demos for social media
- Generate UI reference images for documentation
- Screenshot logged-in dashboards using provided credentials
- Capture modals, dropdowns, and hover states before the shot
- Produce both light and dark mode variants of every screen

## Benefits
- Get retina-quality 2x assets ready for marketing with zero manual editing
- Discover the right pages to capture automatically from your routes and README
- Keep every screenshot consistent in viewport, scale, and naming
- Replace slow manual QA captures with a repeatable, deterministic script

## What’s included
- Playwright capture script with deviceScaleFactor 2 and a fixed 1440x900 viewport
- Smart login locators that match common email, password, and submit patterns
- Codebase feature discovery from README, routes, and component directories
- Element-focused, full-page, and dark-mode capture options
- Animation-aware waits and pre-capture click actions for modals and dropdowns
- Numbered kebab-case file naming with resolution and size verification

## Who it’s for
For founders and developers who need marketing-quality, retina screenshots of their app captured automatically and consistently.

## How it runs
Good marketing screenshots start with knowing what your app can show. The codebase is mined for candidate pages, a retina-locked Playwright script captures them, and every file is verified before handoff.
1. Confirms Playwright is installed and resolves the app URL, then gathers the brief: how many shots, what they are for (Product Hunt, social, landing page, docs) and whether login is required.
2. Mines the codebase for shot candidates instead of guessing: reads the README and docs, walks the routing files framework by framework to list every page, and scans components for dashboards, charts, forms and modals worth capturing.
3. Builds a feature list (name, URL path, CSS selector, required UI state) and confirms the final shot plan with the user before any capture.
4. Generates a Playwright script with fixed framing: 1440x900 viewport at deviceScaleFactor 2 for true retina 2880x1800 output, smart-locator login if credentials were given, and networkidle waits so no page is captured half-loaded.
5. Runs the script and captures each shot into numbered kebab-case files, handling element-focused crops, full-page scrolls, modal states and dark mode variants where planned.
6. Verifies the result set: lists the files, checks pixel dimensions, catches empty or wrong captures, then fixes the script and reruns until every shot in the set is consistent.

## FAQ
### My app sits behind a login, can it still capture the dashboards?
Yes, with credentials you provide. Smart locators match common email, password, and submit patterns to log in before capturing. Unusual custom auth flows may need a small manual selector adjustment.

### How does it know which pages are worth screenshotting?
It explores the codebase first: README, routing files, and component directories, to discover screenshottable features, then captures each at a fixed 1440x900 viewport with deviceScaleFactor 2 for true 2880x1800 retina output. Files come out numbered in kebab-case with resolution verified.

### Will it design the final marketing graphic: device frames, captions, backgrounds?
No. You get clean, consistent raw captures, including dark-mode and element-focused variants, with animation-aware waits and pre-capture clicks for modals. Compositing them into framed marketing visuals happens in your design tool.

## Price
$15, one-time, no subscription. VAT included.

Related guide: [Building a multilingual AI content pipeline](https://forgehouse.ai/guides/ai-content-pipeline/)