store-screenshots

Overview

store-screenshots is an agent skill that turns raw app screenshots into marketing images ready for the App Store and Google Play. It adds device frames, picks background colours from your app's design and proposes headlines, then renders at exact store sizes. It runs in Claude Code or Codex.

Features

• Device frames for iPhone, iPad, Galaxy, Fold and Flip drawn in CSS
• Takes colours from your app's colors.xml, .xcassets or icon, with preset styles
• Proposes benefit-led headlines and waits for your approval
• Exports at exact store sizes and checks each PNG's pixel size

Requirements

• Claude Code or Codex
• Chrome or Chromium for rendering (falls back to Playwright)
• sips (built into macOS) or ImageMagick

Install

1. Clone the repo and copy the skill folder

   git clone https://github.com/LeeHueeng/store-screenshots.git
   cp -r store-screenshots/store-screenshots ~/.claude/skills/

2. For Codex, copy it into ~/.agents/skills instead

Example

In Claude Code run /store-screenshots ./screenshots, or just ask "make my App Store screenshots".