skills.rest
nexu-io
nexu-ioOFFICIAL
Explore all skills by this author →
WebsiteGitHub

screenshots-marketing

Generate automated marketing screenshots using the Playwright browser automation framework.

93.2k|10.8k|Updated Apr 28, 2026
Search Tags:#screenshots#playwright#Automation#Marketing#web-design#hero-shot
One-click install
npx skills add https://github.com/nexu-io/open-design --skill screenshots-marketing
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: screenshots-marketing
Source: https://github.com/nexu-io/open-design/tree/main/skills/screenshots-marketing
Command: npx skills add https://github.com/nexu-io/open-design --skill screenshots-marketing

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright.

What problem does it solve?

This Skill addresses the manual overhead of capturing consistent, high-quality visual assets for product marketing, landing pages, and app store listings.

Core Features & Use Cases

  • Automated Capture: Generate browser-based screenshots using Playwright for consistent visual output.
  • Marketing Assets: Create hero shots, changelog visuals, and app store previews programmatically.
  • Use Case: Automatically generate a set of localized hero images for a new product launch by running a script that navigates to your staging environment and captures specific viewport sizes.

Quick Start

Ask the agent to generate a marketing screenshot of the landing page at the specified URL.

Frequently Asked Questions about screenshots-marketing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate marketing screenshots with this skill?▼

Invoke the skill by requesting a marketing screenshot and providing the target URL. The agent uses Playwright to render the page and capture the visual output based on predefined viewport settings.

What browser engine does this skill use for screenshots?▼

This skill utilizes Playwright, which supports Chromium, Firefox, and WebKit. It provides consistent rendering across different browser engines to ensure your marketing assets look uniform.

Can I capture screenshots for specific device viewports?▼

Yes, Playwright allows you to define specific viewport dimensions or emulate mobile devices. You can specify these parameters in your request to ensure the screenshots match your required aspect ratios.

Why are my generated screenshots appearing blank?▼

Blank screenshots often occur if the page requires authentication or if the content loads dynamically after the initial page load. Ensure the agent has access to the URL and consider adding a wait condition for specific elements.

Related Skills

Explore More Marketing & Sales Skills→
selfmailselfmail
21

vercel-sandbox

Automate browser actions inside Vercel Sandbox microVMs using agent-browser.

Official
Intermediate
Mattyreed1Mattyreed1

gumroad

Automates publishing of products to the cloud via manifest-driven workflows and the Gumroad API.

Community
Advanced
archerliarcherli

baoyu-compress-image

Compress images to WebP or PNG with configurable quality.

Community
Intermediate
dreadnodedreadnode
11

screenshot-triage

Classify BBOT WEBSCREENSHOT nodes into priority tiers for manual vulnerability investigation.

Official
Intermediate