Agent skill · marketing growth · aiskillstore
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.
Why this skill is useful
Adds specific Playwright commands and procedures for generating marketing screenshots that the AI wouldn't reliably generate on its own.
What it needs
Requires playwright installed locally. About 7k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
Screenshots Generate marketing-quality screenshots of your app using Playwright directly. Screenshots are captured at true HiDPI (2x retina) resolution using deviceScaleFactor: 2. When to Use This Skill Use this skill when: User wants to create screenshots for Product Hunt Creating screenshots for social media Generating images for landing pages Creating documentation screenshots User requests marketing-quality app screenshots Prerequisites Playwright must be available. Check for it: If not found, inform the user: Playwright is required. Install it with: npm install -D playwright or npm install -D @playwright/test Step 1: Determine App URL If $1 is provided, use it as the app URL. If no URL is provided: 1. Check if a dev server is likely running by looking for package.json scripts 2. Use AskUserQuestion to ask the user for the URL or offer to help start the dev server Common default URLs to suggest: http://localhost:3000 (Next.js, Create React App, Rails) http://localhost:5173 (Vite) http://localhost:4000 (Phoenix) http://localhost:8080 (Vue CLI, generic) Step 2: Gather Requirements Use AskUserQuestion with the following questions: Question 1: Screenshot count Header: "Count" Question: "How many screenshots do you need?" Options: "3-5" - Quick set of key features "5-10" - Comprehensive feature coverage "10+" - Full marketing suite Question 2: Purpose Header: "Purpose" Question: "What will these screenshots be used for?" Options: "Product Hunt" - Hero shots and feature highlights "Social media" - Eye-catching feature demos "Landing page" - Marketing sections and benefits "Documentation" - UI reference and tutorials Question 3: Authentication Header: "Auth" Question: "Does the app require login to access the features you want to screenshot?" Options: "No login needed" - Public pages only "Yes, I'll provide credentials" - Need to log in first If user selects "Yes, I'll provide credentials", ask follow-up questions: "What is the login page URL?" (e.g., /login, /sign-in) …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/screenshots