gitwtfhub

wtf is app-store-screenshots?

parthjadhav/app-store-screenshots — explained in plain English

Analysis updated 2026-06-26

4,542Audience · developerComplexity · 2/5Setup · easy

TL;DR

An AI coding agent skill that generates production-ready App Store and Google Play screenshots by scaffolding a Next.js project that renders marketing slides at exact store-required pixel dimensions, exportable as PNGs from the browser.

Mindmap

mindmap
  root((App Screenshots))
    What it does
      Generate store screenshots
      Marketing slides
    Supported platforms
      Apple App Store
      Google Play
    Features
      Multi-language support
      RTL layout
      Theme presets
    Setup
      npx install
      AI agent skill

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

Generate a full set of App Store and Google Play screenshots at the correct pixel dimensions for a mobile app without using design software.

REASON 2

Create localized screenshot sets for multiple languages, including right-to-left languages like Arabic or Hebrew.

REASON 3

Quickly swap between light and dark theme screenshot variants using built-in theme presets without rebuilding slides from scratch.

REASON 4

Export store-ready PNGs directly from a browser by clicking any slide in the generated Next.js project.

What's in the stack?

Next.jsJavaScriptCSSnpx

How it stacks up

parthjadhav/app-store-screenshotsaya-rs/ayalibnoname/noname
Stars4,5424,5424,542
LanguageRustJavaScript
Setup difficultyeasyhardmoderate
Complexity2/54/53/5
Audiencedeveloperdevelopergeneral

Figures from each repo's GitHub metadata at analysis time.

How do you spin it up?

Difficulty · easy Time to first run · 30min

Requires an AI coding agent such as Claude Code, Cursor, or Windsurf, installs in one command via npx.

Wtf does this do

This repository is a skill for AI coding agents such as Claude Code, Cursor, and Windsurf that generates production-ready screenshots for the Apple App Store and Google Play Store. Instead of a standalone app, it is a set of instructions and templates that your AI assistant reads and follows when you ask it to create marketing screenshots for a mobile app. When activated, the skill asks you a series of questions about your app: what it does, its brand colors, the visual style you want, how many slides you need, and whether you need multiple languages. It then scaffolds a minimal Next.js project that renders each screenshot as an advertisement designed to sell the app rather than just show its interface. The whole generator ends up as a single page file that you can run in a browser, click any screenshot, and export it as a PNG at the exact pixel dimensions required by each store. The supported export sizes cover the full range of Apple screen sizes (from 6.1-inch to 6.9-inch) and Google Play formats including phone portrait, 7-inch tablet, 10-inch tablet in both orientations, and the 1024 by 500 feature graphic. Android device frames are drawn with CSS alone, so no additional image files are needed for the Android mockups. The skill also handles more advanced cases. You can generate screenshot sets for multiple languages, with each locale getting its own folder. Theme presets let you define two or three visual directions (for example a clean light version and a dark bold version) and swap between them quickly without rebuilding the slides from scratch. For languages like Arabic or Hebrew that read right to left, the skill instructs the agent to set RTL layout on the canvas and rewrite the copy and composition to feel native rather than just mirrored. Installing the skill takes one command via npx, and it works across more than 40 AI coding agents. A working example app approved by Apple is linked from the README.

Yoink these prompts

Prompt 1
I want to use the app-store-screenshots skill to generate marketing screenshots for my iOS app, walk me through installing it with npx and answering the setup questions.
Prompt 2
Using the app-store-screenshots skill, create screenshot slides for a meditation app with a calm blue color scheme and 5 marketing slides.
Prompt 3
Generate App Store screenshots in both English and Arabic for my app using the app-store-screenshots skill, with RTL layout for the Arabic set.
Prompt 4
I need Google Play screenshots in phone portrait and 10-inch tablet landscape formats, how do I configure the app-store-screenshots skill for those sizes?

Frequently asked questions

wtf is app-store-screenshots?

An AI coding agent skill that generates production-ready App Store and Google Play screenshots by scaffolding a Next.js project that renders marketing slides at exact store-required pixel dimensions, exportable as PNGs from the browser.

How hard is app-store-screenshots to set up?

Setup difficulty is rated easy, with roughly 30min to a first successful run.

Who is app-store-screenshots for?

Mainly developer.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.