Store Screenshots Skill

Store Screenshots

A Claude Code skill that generates beautiful, editorial-style App Store and Microsoft Store screenshots.


What it does

Just type `/store-screenshots` in any Claude Code chat. The skill reads your codebase, understands your app's brand (colors, fonts, logos), and generates production-ready store screenshots as HTML, then exports them as high-res PNGs.

**No Figma. No Photoshop. No templates. Just describe your app.**

---


Features

• Typography-First Design — Huge 130-210px headlines with gradient text. Every slide feels like a magazine cover, not a PowerPoint.
• Multi-Language — English + Spanish by default. Separate HTML and PNG exports for each language.
• Smart Screenshot Integration — Drop in your app screenshots and the skill will crop, rotate, and position them with shadows and depth.
• Multi-Store Formats — Mac App Store (2560x1600), iOS (1290x2796), Microsoft Store (1920x1080), Google Play (1024x500).
• Auto PNG Export — Generates HTML, then exports each slide as a high-res PNG via Puppeteer. Ready to upload.
• Context-Aware — Reads your CSS variables, asset folders, and landing pages to match your brand perfectly.

Real Output

Screenshots generated for [Golem Type](https://golemtype.com) using a single `/store-screenshots` command:


Landscape (Mac App Store / Microsoft Store)

Hero	Push and Talk	AI Rewrite

Works Everywhere	Hero (Spanish)

Portrait (iOS App Store)

The same skill adapts to vertical 1290x2796 layouts for iOS:

| Hero | Push and Talk | AI Rewrite