App Store Screenshots Generator is an AI-powered tool designed to automate the creation of production-ready App Store screenshots for iOS applications. It targets developers and users of AI coding agents (like Claude Code, Cursor, Windsurf), offering a streamlined process to generate advertisement-style screenshots with compelling copy and all necessary Apple resolutions, thereby significantly reducing manual effort and ensuring a professional presentation.

How It Works

This project utilizes AI to gather information about an app's brand, features, and style preferences. It then scaffolds a minimal Next.js project, or integrates with an existing one, to design each screenshot as a marketing advertisement rather than a simple UI showcase. The tool employs proven App Store copywriting patterns to write persuasive text and renders the final images at full resolution within a built-in iPhone mockup. The html-to-image library is used to export PNGs at all four Apple-required sizes, ensuring compatibility and optimal display across devices.

Quick Start & Requirements

• Primary Install: Recommended installation via npx skills add ParthJadhav/app-store-screenshots. Global installation (-g) or agent-specific installation (-a) are also supported. Manual installation via git clone is an alternative.
• Prerequisites: Node.js 18+ and a package manager (bun, pnpm, yarn, or npm; bun is preferred).
• Setup: The skill integrates with AI coding agents, triggering automatically when requested. It prompts the user for app details before generation. A Next.js project is scaffolded if starting from scratch, featuring the generator in a single src/app/page.tsx file.
• Relevant Links: An example of an Apple-approved app using this method: https://apps.apple.com/us/app/bloom-coffee-shelf-recipe/id6759914524.

Highlighted Details

• AI-driven generation of advertisement-style screenshots.
• Focus on "screenshots as ads, not docs" with copy adhering to the "one second" rule for quick readability.
• Renders screenshots with built-in iPhone mockups and exports in 4 Apple-required resolutions (6.9", 6.5", 6.3", 6.1").
• Scaffolds a Next.js project with a single-file screenshot generator (src/app/page.tsx).

Maintenance & Community

No specific details regarding notable contributors, sponsorships, partnerships, or community channels (e.g., Discord, Slack) are provided in the README.

Licensing & Compatibility

• License: MIT.
• Compatibility: The permissive MIT license generally allows for commercial use and integration into closed-source projects without significant restrictions.

Limitations & Caveats

Initial screenshot capture benefits from using a 6.1-inch simulator to minimize subsequent image adjustments. The effectiveness of the generated assets is dependent on the capabilities of the integrated AI coding agent and the quality of user input. The subjective nature of "advertisement-style" output means results may vary.