ParthJadhav/app-store-screenshots

end to end app store screenshot creation using AI

App Store & Google Play Screenshots Generator

What it is – A skill for AI‑coding agents that scaffolds a full‑featured Next.js editor for creating marketing screenshots required by the Apple App Store, Mac App Store and Google Play. The tool turns raw device captures into ad‑style slide decks, lets you arrange elements across a connected canvas, and exports PNG bundles at every store‑required size.

Key capabilities

  • Connected canvas with drag‑and‑drop, isolated mode for legacy decks, and a sidebar for re‑ordering screens.
  • Inspector panel to edit copy, headlines, layout, and element transforms; includes a Copy ideas menu with ready‑made headline formulas.
  • Theme picker and a Style Lab offering 18 pre‑defined visual styles (palette, typography, layout) that can be locked, shuffled, or remixed.
  • Scene Playground for global back‑drops, device shadows, 3D tilt, and magnifier loupe.
  • Multi‑platform support: iPhone, iPad, iPhone Duo, Apple TV, Apple Watch, CarPlay, Mac, Android phones/tablets and Play Store feature graphic.
  • Locale and RTL‑aware handling, with export bundles organised by platform, device, resolution and language.
  • All project state is stored in app‑store‑screenshots.json and the uploaded source images live under public/screenshots/uploaded/, making the deck fully git‑trackable.

How you use it

  1. Install the skill via npx skills add ParthJadhav/app-store-screenshots (or clone manually).
  2. Ask your coding agent (Claude Code, Cursor, etc.) to build App Store screenshots for your app, providing a brief description, desired slide count, visual style, platforms, and locales.
  3. The skill scaffolds a Next.js project with the editor UI described above.
  4. Run the dev server, load your raw device screenshots, adjust copy/layout, pick a style, and export a zip containing store‑ready PNGs.

Why it matters – Producing compliant screenshot assets is a tedious, detail‑heavy task for mobile developers. This project automates the UI‑heavy part, letting AI agents handle the prompting and scaffolding while the developer fine‑tunes the visual deck in a purpose‑built editor.

Tech stack – Next.js, React, TypeScript, Tailwind CSS, shadcn/ui, Radix, html‑to‑image, JSZip, dnd‑kit, react‑rnd.

License – MIT.

Related

  • Project
    software-mansion-labs/goldie

    Goldie is a CLI tool that automates the creation of App Store and Google Play screenshots and preview videos by replaying UI flows on simulators/emulators, framing captures with device bezels, applying themes, and outputting store‑ready assets. It integrates with LLM‑powered coding agents via a ready‑made skill, letting agents generate and tweak the assets through natural‑language commands.

  • Project
    rorkai/app-store-connect-cli-skills

    A collection of agent-ready skills for the App Store Connect CLI that enables AI assistants to automate iOS/macOS release, metadata, and distribution workflows.

  • Project
    abi/screenshot-to-code

    screenshot‑to‑code is an open‑source app that converts UI screenshots, mock‑ups, or short screen recordings into ready‑to‑run front‑end code (HTML/CSS, React, Vue, etc.) using LLMs such as Gemini, GPT‑5.5, and Claude, with optional asset extraction and visual preview.

  • Project
    kangarooking/kangarooking-skills

    A collection of structured, open-source Agent Skills compatible with the Agent Skills standard, providing reusable workflows for content creation, image generation, and AI project engineering.

  • Project
    Appllama/appllama-skills

    A set of agent skills that enable AI agents to research top-grossing mobile apps and build high-fidelity, simulator-verified Expo and React Native screens.