Hey Hunters 👋 We shipped a batch of App Store screenshots for our apps last year and it was a mess. Figma files drifting from the final copy, translations on a spreadsheet, re-exporting for every device, chasing a 2 px padding tweak. When AI agents got good, the missing piece became obvious: the source of truth had to be code, not a design file, so an agent could actually edit it. react-shot is that attempt. A small, declarative React SDK built around 11 primitives (Canvas, Slice, Region, Device, Bg, Card, Title…) with tileable pattern backgrounds, token-driven typography, and a straightforward bottom-anchored device layout. You write a composition, preview it in the browser, and bunx react-shot export hero --all --store drops PNGs sliced to the exact dimensions App Store Connect and Play Console expect. The part I'm most excited about is the bundled skill: npx skills add codixus/react-shot Once installed, your agent picks the right primitives automatically and follows the copy rules I've been trying to stick to for years: 2-line title, 1-line subtitle, benefit over feature. "Localize hero to Turkish, Spanish, and Japanese" becomes a one-line prompt and an --all --store export. What's in v1: - 11 primitives, 11 background patterns, 12 device variants - 6 reference compositions on the live demo - CLI with init / dev / export (Puppeteer + Sharp) - In-browser docs page, dark/light theme toggle - MIT, 193 tests, no frills It's opinionated on purpose. We kept the API small so the agent doesn't get lost. If that's a pitfall for your workflow I'd love to hear it. Playing with next: Play Store device variants, a template catalog, a video-hook slot at the top of a set. Curious what you'd build. Feedback, annoyances, missing features; all welcome 🙏 Metehan

React Shot

Code your App Store screenshots. Ship in minutes.

Code your App Store screenshots. Ship in minutes.