whatisgithub

What is app-store-screenshots?

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

Analysis updated 2026-06-26

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

In one sentence

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
Click or tap to explore — scroll the page freely

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

What do people build with it?

USE CASE 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.

USE CASE 2

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

USE CASE 3

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

USE CASE 4

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

What is it built with?

Next.jsJavaScriptCSSnpx

How does it compare?

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 get it running?

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.

So what is it?

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.

Copy-paste 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

What 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.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.