generate-marketing-screens

Capture six 1440x900 marketing screenshots and generate a Product Hunt listing.

1|Updated Jan 31, 2026
One-click install
npx skills add https://github.com/anaghkanungo7/agent-skills --skill generate-marketing-screens
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: generate-marketing-screens
Source: https://github.com/anaghkanungo7/agent-skills/tree/main/generate-marketing-screens
Command: npx skills add https://github.com/anaghkanungo7/agent-skills --skill generate-marketing-screens

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creating compelling, launch-ready marketing visuals and Product Hunt content can be time-consuming and error-prone. This skill automates the capture of marketing screenshots and the generation of a complete Product Hunt listing, ensuring consistency and quality across launches.

Core Features & Use Cases

  • Automated 6 PH-ready screenshots captured at 1440x900, arranged in a predictable gallery order for launch pages.
  • Product Hunt listing generation: tagline, description, longer description, maker comment, and structured screenshot descriptions.
  • Next.js readiness and automation: handles hydration, data fetches, font loading, overlays, and light/dark mode considerations to produce reliable visuals.
  • End-to-end workflow: creates a marketing/ directory with images and a PRODUCT_HUNT.md ready for publishing; works with public URLs and common SPA/SSR frameworks.
  • Edge-case handling: dismisses overlays and prompts, validates page load, and provides guidance for authentication-restricted pages.

Quick Start

Provide the deployed site URL and key pages to capture, then run the workflow to generate screenshots and the Product Hunt listing.

Frequently Asked Questions about generate-marketing-screens

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

FAQPage Schema
How do I automate Product Hunt screenshots for my Next.js web app?

You can automate Product Hunt screenshots by providing a public URL and using Playwright to capture six marketing-quality visuals at 1440x900. The workflow handles Next.js hydration, font loading, and overlays to ensure reliable, launch-ready images.

Can I generate a complete Product Hunt listing with tagline and maker comment automatically?

Yes, you can generate a complete Product Hunt listing automatically. The workflow creates a PRODUCT_HUNT.md file containing the tagline, description, longer description, maker comment, and structured screenshot descriptions for publishing.

Does this screenshot automation work with public web apps that are not built with Next.js?

Yes, the screenshot automation works with public web apps that are not built with Next.js. It supports common SPA and SSR frameworks, applying the same 1440x900 capture process and marketing asset generation for any accessible URL.

What do I need to set up before capturing marketing screenshots for a deployed site?

Before capturing marketing screenshots, you need a publicly accessible URL, a designated marketing output folder, and Playwright MCP configured. The environment must also be able to render the deployed site at 1440x900 resolution.

How does the workflow handle popups and overlays when capturing web app screenshots?

The workflow handles popups and overlays by automatically dismissing them during the capture process. It validates page load, dismisses prompts, and provides specific guidance for handling authentication-restricted pages to ensure clean screenshots.

What is the best way to capture homepage and pricing screenshots for a Product Hunt launch?

The best way to capture homepage and pricing screenshots for a Product Hunt launch is using an automated workflow that renders at 1440x900. It captures homepage, main feature, secondary feature, detail view, pricing, and extended content in a predictable gallery order.