screenshots-marketing
nexu-io/open-design
Generate marketing screenshots with Playwright for landing pages, App Store, and changelogs.
What is screenshots-marketing?
This skill uses Playwright to automate the creation of marketing screenshots. It's useful when you need professional hero shots for landing pages, App Store listings, or changelog visuals without manual screenshot capture.
- Generate landing-page hero screenshots automatically
- Create App Store-ready screenshots at scale
- Produce changelog and feature announcement visuals
- Automate screenshot capture using Playwright browser automation
- Support multiple viewport sizes and device configurations
How to install screenshots-marketing
npx skills add https://github.com/nexu-io/open-design --skill screenshots-marketing- Playwright installed and configured
- Node.js environment
- Access to the upstream repository (https://github.com/Shpigford/screenshots)
How to use screenshots-marketing
- 1.Install the upstream bundle into your agent's skills directory
- 2.Review the upstream README at https://github.com/Shpigford/screenshots for asset paths and configuration
- 3.Invoke the skill by name (screenshots-marketing) or use trigger phrases like 'marketing screenshot' or 'hero shot'
- 4.Configure viewport sizes and device targets as needed
- 5.Run the Playwright automation to generate screenshots
Use cases
- Creating hero images for a product landing page
- Generating App Store screenshots for iOS or Android releases
- Producing visual assets for changelog announcements
- Automating screenshot updates when UI changes
- Building marketing asset libraries for multiple product versions
- Product marketers
- Growth and marketing teams
- Product managers creating launch materials
- Developers automating marketing asset generation
- SaaS companies managing App Store listings
screenshots-marketing FAQ
Playwright is a browser automation framework that can programmatically control browsers to capture screenshots at scale, ensuring consistency and enabling automation of visual asset generation.
Yes, Playwright supports multiple viewport sizes and device configurations, allowing you to generate screenshots tailored for different platforms like iOS, Android, or desktop.
The upstream repository at https://github.com/Shpigford/screenshots contains the full workflow, original assets, and detailed documentation.
Playwright can generate screenshots in PNG and other standard image formats suitable for web and app store use.
Full instructions (SKILL.md)
Source of truth, from nexu-io/open-design.
name: screenshots-marketing description: | Generate marketing screenshots with Playwright. Useful for landing-page hero shots, App Store screenshots, and changelog visuals. triggers:
- "marketing screenshot"
- "playwright screenshot"
- "hero shot"
- "app store screenshot" od: mode: image category: screenshots upstream: "https://github.com/Shpigford/screenshots"
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 OpenDesign 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:
# 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.
Related skills
More from nexu-io/open-design and the wider catalog.
shadcn-ui
Build accessible UI components with shadcn/ui, integrated with the Stitch design loop.
shader-dev
GLSL shader techniques for ray marching, fluid simulation, particle systems, and procedural generation.
slack-gif-creator
Create animated GIFs optimized for Slack with size constraints and animation primitives.
slides
Create and edit .pptx presentation decks with PptxGenJS for sales, briefs, and showcases.
social-reddit-card
Realistic Reddit post card with vote rail for video overlays and social sharing.
social-spotify-card
Spotify Now Playing-style card with album art, progress bar, and playback controls for overlays and homepages.