Chrome Web Store Screenshots Generator

Overview

Build a Next.js page that renders Chrome Web Store screenshots as advertisements (not plain UI captures) and exports them via html-to-image at Chrome's required resolutions. Screenshots and promotional images are the primary conversion assets on the Chrome Web Store.

Supported image types out of the box:

• Screenshot (1280x800) -- Chrome Web Store listing page
• Screenshot Small (640x400) -- Chrome Web Store listing page (smaller variant)
• Small Promo Tile (440x280) -- Homepage, category pages, search results (REQUIRED)
• Marquee (1400x560) -- Featured carousel banner (OPTIONAL)

Core Principle

Screenshots are advertisements, not documentation. Every screenshot sells one idea. If you're just showing raw UI, you're doing it wrong -- you're selling a feeling, an outcome, or killing a pain point. Chrome Web Store screenshots that look like plain desktop captures get skipped. Your screenshots need to communicate the extension's value before the user even reads the description.

Step 1: Ask the User These Questions

Before writing ANY code, ask the user all of these. Do not proceed until you have answers: