Screenshots Marketing
Capture consistent marketing and store-ready screenshots with Playwright for landing pages, App Store assets, and changelog visuals.
Overview
screenshots-marketing is an agent skill most often used in Launch (also Validate, Ship) that generates Playwright-based marketing screenshots for heroes, app stores, and changelogs.
Install
npx skills add https://github.com/nexu-io/open-design --skill screenshots-marketingWhat is this skill?
- Marketing screenshots generated with Playwright automation
- Landing-page hero shots sized for above-the-fold campaigns
- App Store screenshot workflows for mobile distribution
- Changelog and release visual assets for product updates
- Curated @Shpigford upstream—install full screenshots repo for scripts
Adoption & trust: 793 installs on skills.sh; 61.4k GitHub stars.
What problem does it solve?
Your product looks good in the browser but launch assets are inconsistent, cropped wrong, or too tedious to recreate for every release.
Who is it for?
Indie SaaS and mobile builders who ship frequent UI changes and need scripted, on-brand capture for distribution channels.
Skip if: Pure design mockups in Figma with no runnable app, or teams that only need OS-level screenshots without automation.
When should I use this skill?
Triggers include marketing screenshot, playwright screenshot, hero shot, and app store screenshot.
What do I get? / Deliverables
After installing the upstream bundle and running the skill, you get repeatable Playwright marketing screenshots sized for landing heroes, store listings, or changelog visuals.
- Marketing screenshot image files
- App Store or landing hero asset set
Recommended Skills
Journey fit
Spans multiple journey phases - primary shelf plus alternate fits below.
Launch is the canonical shelf because hero shots and store listings are the primary monetized distribution moment, though you often rehearse captures during validate prototypes and ship prep. Distribution covers landing heroes, social-ready frames, and release visuals that drive first visits and conversions.
Where it fits
Capture a credible hero screenshot from your clickable prototype before you buy ads.
Batch fresh UI frames for a release post the same day you tag a version.
Regenerate landing hero shots after a positioning rewrite without manual retakes.
Produce App Store screenshot sequences that match your latest build and device safe areas.
Create changelog or blog visuals that mirror the live product UI for trust and SEO.
How it compares
Use for automated browser marketing captures, not DOCX authoring or cloud IaC orchestration.
Common Questions / FAQ
Who is screenshots-marketing for?
Solo builders and small teams using AI agents who need dependable Playwright screenshot pipelines for marketing and store distribution.
When should I use screenshots-marketing?
At Launch for landing hero shots and App Store frames, during Validate when demoing a prototype page, and at Ship when packaging changelog or release visuals.
Is screenshots-marketing safe to install?
Review the Security Audits panel on this Prism page and audit the Shpigford upstream repository before installing browser automation scripts locally.
SKILL.md
READMESKILL.md - Screenshots Marketing
# screenshots-marketing > Curated from @Shpigford. ## What it does Generate marketing screenshots with Playwright. Useful for landing-page hero shots, App Store screenshots, and changelog visuals. ## Source - Upstream: https://github.com/Shpigford/screenshots - Category: `screenshots` ## How to use This catalogue entry advertises the skill in Open Design so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory: ```bash # Inspect the upstream README for exact paths open https://github.com/Shpigford/screenshots ``` Then ask the agent to invoke this skill by name (`screenshots-marketing`) or with one of the trigger phrases listed in this skill's frontmatter.