</>MCP Agents Market
Skill

app-store-screenshots

by ParthJadhav6.7kTypeScriptUpdated 2026-07-12

end to end app store screenshot creation using AI

Claude CodeCursorWindsurfOpenCodeCodex

App Store Screenshots is an agent skill that enables AI coding assistants to generate production-ready App Store and Google Play marketing screenshot editors. Instead of creating static images, it scaffolds a full Next.js-based visual editor with a connected canvas, device frames, inspector controls, and persistent project state. The skill guides agents to gather app context, then builds a complete screenshot design workflow with support for multiple platforms, locales, RTL layouts, and one-click export bundles at exact store-required dimensions.

Key Features

Connected canvas that lets design elements span multiple screenshots with precise per-screen export crops
Full Next.js screenshot editor with drag-to-reorder screens, inspector panel, and real-time autosave to JSON
Support for iOS, iPad, Android phone, Android tablet, and Google Play feature graphic formats
Exact export bundles for all required App Store and Google Play resolutions organized by platform, device, and locale
Multi-locale and RTL-aware layout guidance with reusable theme system
Persistent project state saved to app-store-screenshots.json for git tracking and reproducible builds
Isolated and connected export modes to preserve legacy decks or enable cross-screen design
Built-in device frame rendering with live thumbnails and image upload management

Use Cases

  • 01Creating App Store marketing screenshots for a new iOS or Android app launch
  • 02Designing multi-locale screenshot sets with English, German, Arabic, or other language variants
  • 03Building screenshot decks that showcase multiple features across 5-7 connected slides
  • 04Migrating existing screenshot projects to a git-trackable, resumable editor workflow
  • 05Generating both iOS and Android screenshot sets from a single editor interface
  • 06Producing RTL-native marketing materials for Arabic or Hebrew app store listings

Related Skills

View more

app-store-screenshots — FAQ

What is the app-store-screenshots agent skill?+

It's a skill for AI coding agents that scaffolds a complete Next.js editor for creating App Store and Google Play marketing screenshots. Instead of generating static images, it builds a production-ready visual editor with device frames, multi-screen canvas, and store-ready export bundles.

How do I install app-store-screenshots?+

Use npx skills add ParthJadhav/app-store-screenshots to install it. You can add it globally with the -g flag or for a specific agent with -a agent-name. Alternatively, clone the repository into your ~/.claude/skills/ directory.

Which AI coding agents work with this skill?+

The skill works with Claude Code, Cursor, Windsurf, OpenCode, Codex, and other agents supported by the Vercel skills framework.

Do I need API keys or special prerequisites?+

You need Node.js 18 or higher and a package manager like npm, bun, pnpm, or yarn. No API keys are required since the skill scaffolds a local Next.js editor.

Is the app-store-screenshots skill free to use?+

Yes, it's open source and released under the MIT license, free for both personal and commercial projects.

What screenshot sizes does it export?+

It exports all required App Store sizes (6.9", 6.5", 6.3", 6.1" iPhone displays) and Google Play sizes (phone portrait 1080x1920, 7" and 10" tablet portrait and landscape, plus 1024x500 feature graphics).

How do I install app-store-screenshots?+

Open the source repository on GitHub and follow its README. app-store-screenshots is a skill — MCP Agents Market links you directly to the official repo.

Is app-store-screenshots free?+

app-store-screenshots is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.

Related searches