skills.rest
fatihkan
fatihkanCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

app-store-screenshots

Generate device-specific App Store and Google Play screenshots from a Next.js project.

7|Updated Apr 9, 2026
Search Tags:#nextjs#app-store#asset-generation#google-play#marketing-assets#html-to-image#screenshot-generation
One-click install
npx skills add https://github.com/fatihkan/badi --skill app-store-screenshots-fatihkan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: app-store-screenshots
Source: https://github.com/fatihkan/badi/tree/main/.claude/skills/mobile/app-store-screenshots
Command: npx skills add https://github.com/fatihkan/badi --skill app-store-screenshots-fatihkan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Eliminate manual creation of App Store and Google Play screenshots.

Core Features & Use Cases

  • Generate device-specific screenshots for iPhone, iPad, and Android in portrait and landscape orientations.
  • Export high-resolution images via html-to-image from a Next.js page, including feature graphics.
  • Use with brand assets (icon, screenshots, and marketing text) to publish store listings quickly.

Quick Start

Create a Next.js page that renders App Store and Google Play marketing screenshots from your app assets and exports them to required resolutions.

Frequently Asked Questions about app-store-screenshots

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

FAQPage Schema
How do I auto-generate App Store and Google Play screenshots from a Next.js project?▼

You can auto-generate App Store screenshots by creating a Next.js page that renders your app assets into device-specific mockups and uses the html-to-image library to export them as high-resolution images.

What's the best way to create device-specific marketing screenshots for iPhone, iPad, and Android?▼

Creating device-specific marketing screenshots is best handled by automating the rendering of brand assets into exact iPhone, iPad, and Android resolutions using a Next.js page and html-to-image export.

Do I need a Next.js project to export high-resolution App Store screenshots?▼

Yes, you need a Next.js project to render the page layouts and utilize the html-to-image library to export the high-resolution images required for App Store and Google Play listings.

Can I generate both portrait and landscape orientations for Google Play and App Store listings?▼

Yes, the screenshot generation process supports producing both portrait and landscape orientations for iPhone, iPad, and Android devices to meet Google Play and App Store listing requirements.

How does html-to-image work for rendering app store feature graphics?▼

The html-to-image library works by capturing the rendered DOM elements of your Next.js page, converting the HTML mockups and brand assets into high-resolution PNG images for app store feature graphics.

Related Skills

Explore More Design & Creative Skills→
caterpi11arcaterpi11ar
3

app-store-screenshots

Generate iOS App Store marketing screenshots with Next.js and html-to-image.

Community
Intermediate
intelli-verse-xintelli-verse-x
1

ivx-store-launcher

Generate app store assets and metadata for iOS, Google Play, and Steam.

Official
Advanced
boraoztuncboraoztunc
248

app-store-screenshots

Generate and export App Store screenshots from Next.js projects.

Community
Advanced
Yona544Yona544
1

app-store-optimization

Optimize Apple App Store and Google Play listings with keyword and metadata analysis.

Community
Advanced