app-store-screenshots

Scaffold a Next.js and ShadCN editor for App Store and Google Play screenshot decks.

Updated May 19, 2026
One-click install
npx skills add https://github.com/anilveersingh1308/copilot-skills --skill app-store-screenshots-anilveersingh1308
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: app-store-screenshots
Source: https://github.com/anilveersingh1308/copilot-skills/tree/main/.github/skills/app-store-screenshots
Command: npx skills add https://github.com/anilveersingh1308/copilot-skills --skill app-store-screenshots-anilveersingh1308

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

This Skill solves the hard-to-repeat problem of creating high-converting App Store and Google Play screenshot sets without manually rebuilding an editor, device layouts, and export tooling from scratch.

Core Features & Use Cases

  • Scaffold a screenshot editor: Sets up a Next.js + ShadCN editor that lets you design advertisement-style slides for both Apple App Store and Google Play.
  • Guide-driven screenshot building: Uses a prebuilt template, auto-save, drag-to-reorder slides, and per-slide theme/layout controls so you can iterate quickly.
  • Bulk export to required resolutions: Exports PNG bundles for each store’s device formats and platform variants using html-to-image.
  • Real-world use case: When you have device screenshots (or can generate them), use this to build the full iOS/Android screenshot deck and export everything ready for submission.
  • Optional capture workflow: If you’re on iOS + Swift, you can generate capture inputs first using the companion capture skill, then finish here.

Quick Start

Use the app-store-screenshots skill to scaffold the editor by providing your app icon and (if you have them) your existing device screenshot PNGs, then open the editor in your browser to start designing and export a bundle.

Frequently Asked Questions about app-store-screenshots

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate App Store and Google Play screenshots for my mobile app?

To generate App Store and Google Play screenshots, this Skill scaffolds a Next.js editor where you drag-to-reorder slides, apply themes, and bulk export PNG bundles matching each store's device resolutions.

What do I need to start building iOS and Android screenshot decks?

You need your app icon and existing device screenshot PNGs to start building iOS and Android screenshot decks. The Skill copies a template into your project, seeds the assets into a public folder, and starts the dev server.

Can I customize the layout and style of my app store marketing creatives?

Yes, you can customize app store marketing creatives using per-slide theme and layout controls within the interactive editor, allowing you to iterate quickly on advertisement-style slide designs before exporting.

Does this screenshot generator support bulk export for multiple device resolutions?

Yes, the screenshot generator supports bulk export for multiple device resolutions using html-to-image, producing PNG bundles for each platform's specific device formats ready for store submission.

What's the best way to capture raw device screenshots before designing the slide deck?

The best way to capture raw device screenshots before designing the slide deck is using an iOS Swift companion capture skill, which generates capture inputs that you then import into this editor to finish the export bundle.