App Store & Google Play Screenshots Generator
A skill for AI coding agents that scaffolds a production-ready Next.js editor for App Store and Google Play marketing screenshots.
Evidence shows: installation via npx skills may execute code; uploaded screenshots are saved to public/screenshots/uploaded/, data flow is transparent; but no clear evidence for least privilege, user confirmation, sensitive data handling, dependency security, external effects, rollback, or source attribution. Deductions: these aspects are only partially mentioned or not mentioned, e.g., no dependency vulnerability scanning, no rollback mechanism, no explicit user confirmation steps.
Evidence shows: README and template structure are consistent, dependency list is clear, but no failure messages or error handling details are provided. Deductions: failure messages are not documented, dependency availability is based on common packages, version compatibility not verified.
Evidence shows: supports multiple platforms, devices, and languages, provides example prompts and scenarios, but capability boundaries or trigger conditions are not explicit. Deductions: capability boundaries not explicit, trigger conditions only implied via examples, environment fit not detailed.
Evidence shows: README structure is clear, installation instructions are detailed, naming is consistent, examples are provided, but known limitations are not listed, versioning and changelog are missing, maintenance responsibility is not clear. Deductions: known limitations not mentioned, versioning and changelog missing, maintenance responsibility not clear.
Evidence shows: output is ready-to-use PNG bundles, provides value, but cost-benefit is not quantified. Deductions: cost-benefit not quantified, output usability based on documentation, actual effectiveness not verified.
Evidence shows: README claims examples were accepted on the App Store, but no verifiable link or evidence is provided; dependency list is consistent with README, but no cross-validation. Deductions: claims lack traceability, cross-source corroboration insufficient, facts and inferences not clearly separated.
- Installation via npx skills may execute arbitrary code; use in an isolated environment.
- Uploaded screenshots and project files may contain sensitive information; ensure data protection.
- Dependency security is not verified; consider checking for vulnerabilities.
- No rollback mechanism is provided; proceed with caution.
What does this agent do, and when should you use it?
This is a skill for AI coding agents that scaffolds a production-ready Next.js editor for generating App Store and Google Play marketing screenshots. It provides a connected canvas, real device frames, inspector controls, persistent project state, and one-click export bundles at store-ready sizes. The editor supports iOS, iPad, Android phone, tablet, and Play Store feature graphic decks, with locales and RTL-aware copy/layout guidance. Project state is saved in app-store-screenshots.json for git-trackability and resumability. This skill has been used to generate accepted screenshots for the Bloom app on the App Store.
The skill scaffolds a Next.js project with an editor UI and necessary libraries. The editor reads raw app screenshots and turns them into ad-style slides, letting you drag elements across screen boundaries on a connected canvas. Users can add, reorder, and edit screens via a sidebar and inspector, adjusting layout, labels, headlines, screenshots, and transforms. It supports connected-canvas and isolated modes for legacy projects. The editor exports exact PNG bundles for all required App Store and Google Play sizes, organized by platform, device, resolution, and locale. Project state is saved to app-store-screenshots.json, and uploaded screenshots are stored under public/screenshots/uploaded/.
- An indie developer wants to create App Store screenshots for their iOS app with a narrative ad-style approach.
- A mobile app marketer needs to generate Google Play screenshots for Android devices, including tablets of various sizes.
- A localization team needs to produce screenshots for multiple locales, including RTL languages like Arabic.
- A design agency wants to provide clients with a reusable screenshot editing workflow scaffolded by an AI agent.
- A developer wants to export screenshots in exact store-required sizes for direct upload to App Store or Google Play.
What are this agent's strengths and limitations?
- Produces a full editor project, not a static page, enabling continuous tweaking.
- Connected canvas allows elements to span screens for more flexible ad designs.
- Automates export of multiple store sizes, simplifying submission.
- Persistent project state in JSON enables version control and resumability.
- Requires Node.js 18+ and a Next.js environment, adding tech stack dependencies.
- Relies on an AI coding agent (e.g., Claude Code) to scaffold the project; not a standalone tool.
- Depends on source screenshot quality; may require manual adjustments.
- Android frames are CSS-rendered, while iPhone uses simulator mockup, which may lack fidelity.
How do you install or deploy this agent?
Install via npx skills: npx skills add ParthJadhav/app-store-screenshots. For global install or for a specific agent like claude-code, add -g or -a claude-code flags. Manual install: git clone https://github.com/ParthJadhav/app-store-screenshots ~/.claude/skills/app-store-screenshots. Requires Node.js 18+ and one of bun, pnpm, yarn, or npm.
How do you use this agent?
Once installed, prompt your coding agent: 'Build App Store and Google Play screenshots for my app.' The agent will ask for app context, source screenshots, platforms, locales, visual direction, and slide count. Use example prompts like: 'Build App Store screenshots for my habit tracker. The app helps people stay consistent with simple daily routines. I want 6 slides, clean minimal style, warm neutrals, and a calm premium feel.' Run the dev server, use the sidebar to organize screens, edit copy and layouts via the inspector, choose Connected or Isolated mode, and click 'Export bundle' to download store-ready PNGs.