{"id":48123662,"url":"https://github.com/ParthJadhav/app-store-screenshots","last_synced_at":"2026-04-19T22:00:36.388Z","repository":{"id":342819056,"uuid":"1175285052","full_name":"ParthJadhav/app-store-screenshots","owner":"ParthJadhav","description":"end to end app store screenshot creation using AI","archived":false,"fork":false,"pushed_at":"2026-03-31T16:57:46.000Z","size":2774,"stargazers_count":3382,"open_issues_count":6,"forks_count":224,"subscribers_count":9,"default_branch":"main","last_synced_at":"2026-03-31T18:44:16.254Z","etag":null,"topics":["agentic-ai","apple","appstore","automate","claude","cursor","design","generate","ios","ios-app","marketing","screenshot","skills","skills-sh","swift","swiftui","ui"],"latest_commit_sha":null,"homepage":"https://skills.sh/parthjadhav/app-store-screenshots/app-store-screenshots","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ParthJadhav.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-03-07T13:56:04.000Z","updated_at":"2026-03-31T18:40:52.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/ParthJadhav/app-store-screenshots","commit_stats":null,"previous_names":["parthjadhav/app-store-screenshots"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ParthJadhav/app-store-screenshots","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ParthJadhav%2Fapp-store-screenshots","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ParthJadhav%2Fapp-store-screenshots/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ParthJadhav%2Fapp-store-screenshots/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ParthJadhav%2Fapp-store-screenshots/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ParthJadhav","download_url":"https://codeload.github.com/ParthJadhav/app-store-screenshots/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ParthJadhav%2Fapp-store-screenshots/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32024251,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T20:23:30.271Z","status":"online","status_checked_at":"2026-04-19T02:00:07.110Z","response_time":55,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["agentic-ai","apple","appstore","automate","claude","cursor","design","generate","ios","ios-app","marketing","screenshot","skills","skills-sh","swift","swiftui","ui"],"created_at":"2026-04-04T16:22:44.553Z","updated_at":"2026-04-19T22:00:36.376Z","avatar_url":"https://github.com/ParthJadhav.png","language":null,"funding_links":[],"categories":["Others","Trending Repos — 19 March 2026","Uncategorized"],"sub_categories":["Uncategorized"],"readme":"[![bloom-banner-01-light-tags-1500x500](https://github.com/user-attachments/assets/31139b9d-1b89-44e8-b563-5bb7ba150b7b)](https://bloom.parthjadhav.com)\n\n### NOTE: MAKE SURE TO USE 6.1 INCH simulator to capture starting screenshots\nthis will save u from adjusting the images later\n\n# App Store \u0026 Google Play Screenshots Generator\n\nA skill for AI-powered coding agents (Claude Code, Cursor, Windsurf, etc.) that generates production-ready **App Store and Google Play** screenshots for iOS and Android apps. It scaffolds a Next.js project, designs advertisement-style screenshots, and exports them at all required Apple and Google resolutions.\n#### Screenshots \u0026 App approved by Apple - https://apps.apple.com/us/app/bloom-coffee-shelf-recipe/id6759914524\n![Example output — Bloom coffee tracking app](example.png)\n\n## What it does\n\n- Asks you about your app's brand, features, and style preferences\n- Scaffolds a minimal Next.js project (or works within an existing one)\n- Designs each screenshot as an **advertisement** — not a UI showcase\n- Writes compelling copy using proven App Store / Play Store copywriting patterns\n- Renders screenshots at full resolution with a built-in iPhone mockup and CSS-based Android device frames\n- Exports PNGs at all required sizes for **both stores**\n- Supports **Android Phone, 7\" Tablet, 10\" Tablet** (portrait + landscape) and **Feature Graphic** (1024×500)\n- Supports locale-based screenshot sets and localized copy\n- Supports reusable theme presets so you can swap art direction quickly\n- Supports RTL-aware layouts and bulk export across locale/device/theme combinations\n\n## Included assets\n\n- `mockup.png` — Pre-measured iPhone frame with transparent screen area\n- Android device frames are rendered with **CSS only** — no additional mockup PNGs needed\n\n## Install\n\n### Using npx skills (recommended)\n\n```bash\nnpx skills add ParthJadhav/app-store-screenshots\n```\n\nThis works with Claude Code, Cursor, Windsurf, OpenCode, Codex, and [40+ other agents](https://github.com/vercel-labs/skills#available-agents).\n\nInstall globally (available across all projects):\n\n```bash\nnpx skills add ParthJadhav/app-store-screenshots -g\n```\n\nInstall for a specific agent:\n\n```bash\nnpx skills add ParthJadhav/app-store-screenshots -a claude-code\n```\n\n### Manual (git clone)\n\n```bash\ngit clone https://github.com/ParthJadhav/app-store-screenshots ~/.claude/skills/app-store-screenshots\n```\n\n## Usage\n\nOnce installed, the skill triggers automatically when you ask Claude Code to:\n\n- Build App Store or Google Play screenshots\n- Generate marketing screenshots for an iOS or Android app\n- Create exportable screenshot assets for both stores\n\nOr just tell Claude Code what you need:\n\n```\n\u003e Build App Store and Google Play screenshots for my app\n```\n\nClaude will ask you about your app's screenshots, brand colors, font, features, style direction, and number of slides before building anything.\n\n## Example prompts\n\nThese are good starting prompts because they provide product context while still leaving room for the skill to guide the design process.\n\n### Habit tracker\n\n```text\nBuild App Store screenshots for my habit tracker.\nThe app helps people stay consistent with simple daily routines.\nI want 6 slides, clean/minimal style, warm neutrals, and a calm premium feel.\n```\n\n### Finance app\n\n```text\nGenerate App Store screenshots for my personal finance app.\nThe app's main strengths are fast expense capture, clear monthly trends, and shared budgets.\nI want a sharp, modern style with high contrast and 7 slides.\n```\n\n### AI productivity tool\n\n```text\nCreate exportable App Store screenshots for my AI note-taking app.\nThe core value is turning messy voice notes into clean summaries and action items.\nI want bold copy, dark backgrounds, and a polished tech-forward look.\n```\n\n### Wellness app\n\n```text\nBuild marketing screenshots for my meditation app.\nThe app focuses on sleep, stress relief, and short guided sessions.\nUse a soft, warm, organic style and prioritize emotional outcomes over feature lists.\n```\n\n### Multi-language / multi-theme\n\n```text\nBuild App Store screenshots for my language learning app.\nI need English, German, and Arabic screenshot sets.\nUse two reusable themes: clean-light and dark-bold.\nMake sure Arabic slides feel RTL-native, not just translated.\n```\n\n## Better prompt tips\n\n- say what the app does in one sentence\n- list the top 3-5 features in priority order\n- describe the visual style you want\n- mention how many slides you need\n- mention if you need multiple languages or RTL locales\n- mention if you want one art direction or reusable theme presets\n- provide references if you want the output to match a certain App Store style\n\n## What gets scaffolded\n\nIf starting from an empty folder, the skill creates:\n\n```\nproject/\n├── public/\n│   ├── mockup.png          # iPhone frame (copied from skill)\n│   ├── app-icon.png        # Your app icon\n│   ├── screenshots/        # iOS screenshots (locale folders optional)\n│   │   └── android/        # Android screenshots (when targeting both)\n│   └── screenshots-ipad/   # Optional iPad screenshots\n├── src/app/\n│   ├── layout.tsx          # Font setup\n│   └── page.tsx            # Screenshot generator (single file)\n├── package.json\n└── ...\n```\n\nWhen targeting both stores, the skill uses a platform-based folder structure to keep iOS and Android screenshots separated.\n\nThe entire generator is a **single `page.tsx` file**. Run the dev server, open the browser, click any screenshot to export it as a PNG.\n\nThe latest version of the skill also guides the agent to generate:\n\n- locale tabs and locale-specific screenshot folders\n- reusable theme presets backed by design tokens\n- RTL-aware layouts for languages like Arabic and Hebrew\n- bulk export flows for locale/device/theme combinations\n\n## Export sizes\n\n### Apple App Store\n\n| Display | Resolution |\n|---------|-----------|\n| 6.9\" | 1320 x 2868 |\n| 6.5\" | 1284 x 2778 |\n| 6.3\" | 1206 x 2622 |\n| 6.1\" | 1125 x 2436 |\n\n### Google Play Store\n\n| Device | Resolution |\n|--------|-----------|\n| Phone (portrait) | 1080 x 1920 |\n| 7\" Tablet (portrait) | 1200 x 1920 |\n| 7\" Tablet (landscape) | 1920 x 1200 |\n| 10\" Tablet (portrait) | 1600 x 2560 |\n| 10\" Tablet (landscape) | 2560 x 1600 |\n| Feature Graphic | 1024 x 500 |\n\nScreenshots are designed at the largest size per platform and scaled down for smaller sizes. Android device frames are CSS-rendered.\n\n## Advanced capabilities\n\n### Multi-language screenshots\n\nThe skill can generate screenshot systems for multiple locales by nesting images under locale folders such as:\n\n```text\npublic/screenshots/en/home.png\npublic/screenshots/de/home.png\npublic/screenshots/ar/home.png\n```\n\nThe generated page keeps slide structure the same and swaps only the locale base path and copy dictionary.\n\n### Theme presets\n\nInstead of hardcoding one art direction, the skill now encourages a token-driven preset system, for example:\n\n```ts\nconst THEMES = {\n  \"clean-light\": { bg: \"#F6F1EA\", fg: \"#171717\", accent: \"#5B7CFA\" },\n  \"dark-bold\": { bg: \"#0B1020\", fg: \"#F8FAFC\", accent: \"#8B5CF6\" },\n  \"warm-editorial\": { bg: \"#F7E8DA\", fg: \"#2B1D17\", accent: \"#D97706\" },\n} as const;\n```\n\nThis lets you reuse the same slide system while testing different visual directions fast.\n\n### RTL-aware design\n\nFor RTL locales such as Arabic and Hebrew, the skill now tells the agent to:\n\n- set `dir=\"rtl\"` on the screenshot canvas\n- rewrite line breaks for the target language\n- mirror asymmetric layouts intentionally\n- keep the composition feeling native instead of mechanically flipped\n\n### Bulk export matrix\n\nThe generator is now expected to support exporting not only the current slide, but also:\n\n- all slides for the current locale/device/theme\n- all locales for the current theme\n- full locale + device + theme matrices when needed\n\n## Tech stack\n\n| Dependency | Purpose |\n|-----------|---------|\n| Next.js | Dev server + static image serving |\n| TypeScript | Type safety |\n| Tailwind CSS | Styling |\n| html-to-image | PNG export at exact resolutions |\n| React | Component composition |\n\n## Key design principles\n\n- **Screenshots are ads, not docs** — each slide sells one idea\n- **Copy follows the \"one second\" rule** — readable at thumbnail size in the App Store\n- **Layouts vary** — no two adjacent slides share the same phone placement\n- **Style is user-driven** — no hardcoded colors, gradients, or fonts\n\n## Quality Checklist\n\nBefore exporting, each slide should pass this quick review:\n\n- the headline communicates one idea in about one second\n- the first slide sells the strongest user benefit\n- adjacent slides do not reuse the same layout\n- decorative elements support the message instead of blocking the UI\n- text, screenshots, and framing still look correct after export sizing\n\n## Requirements\n\n- Node.js 18+\n- One of: bun, pnpm, yarn, or npm (detected automatically, bun preferred)\n\n## Contributing\n\nContributions are welcome, especially around:\n\n- screenshot generation reliability\n- skill prompt quality\n- clearer docs and onboarding\n- cross-agent compatibility\n\nIf you want to contribute, start with `CONTRIBUTING.md`. Bug reports and feature requests also have issue templates now to make reproduction and review easier.\n\n## License\n\nMIT","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FParthJadhav%2Fapp-store-screenshots","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FParthJadhav%2Fapp-store-screenshots","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FParthJadhav%2Fapp-store-screenshots/lists"}