App Store Screenshots Generator

Overview

Build a Next.js page that renders iOS App Store screenshots as advertisements (not UI showcases) and exports them via html-to-image at Apple's required resolutions. Screenshots are the single most important conversion asset on the App Store.

Reads

• brand/creative-kit.md — Brand colors, fonts, logo paths
• brand/voice-profile.md — Copy tone and personality
• brand/positioning.md — Positioning angles for headline direction

On Activation

1. Read brand/creative-kit.md for colors, fonts, and logo.
2. Read brand/voice-profile.md for copy tone — this shapes headline style (playful vs. professional vs. minimal).
3. Read brand/positioning.md for positioning angles — the primary angle informs the hero slide headline direction.
4. If brand/ files don't exist, the skill works at zero context. Step 1 gathers everything needed.