app-store-screenshots

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

248|32|Updated Mar 30, 2026
One-click install
npx skills add https://github.com/boraoztunc/skills --skill app-store-screenshots-boraoztunc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: app-store-screenshots
Source: https://github.com/boraoztunc/skills/tree/main/app-store-screenshots
Command: npx skills add https://github.com/boraoztunc/skills --skill app-store-screenshots-boraoztunc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

App Store listing visuals are critical but time-consuming to produce. This skill automates the creation and export of marketing screenshots for iOS apps, saving design time and ensuring Apple-compliant resolutions.

Core Features & Use Cases

  • Generate a Next.js page that renders iOS App Store screenshots as advertisements and exports them via html-to-image at Apple's required resolutions.
  • Support multi-language localization and theme presets, enabling quick swaps between looks for different markets.
  • Provide a complete file structure and setup steps, with guidance for branding, assets, and automated exports.

Quick Start

Create a Next.js project configured for App Store screenshot generation and run the generator to export 1320x2868 PNG screenshots.

Frequently Asked Questions about app-store-screenshots

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

FAQPage Schema
How do I automate App Store screenshot generation in a Next.js project?▼

Automate App Store screenshot generation by using a Next.js page to render device-frame mockups and export them via the html-to-image tool at Apple's required resolutions. This skill provides the complete file structure and setup steps to streamline the rendering and export process.

Do I need a phone mockup asset to export App Store screenshots?▼

Yes, you need a phone mockup asset to render App Store screenshots. This skill requires a Next.js project, the html-to-image export tool, a phone mockup asset, and a configurable locale/theme system to generate Apple-compliant marketing visuals.

Can I generate localized App Store screenshots for different markets?▼

Yes, you can generate localized App Store screenshots for different markets. This skill supports multi-language localization and theme presets, enabling quick swaps between looks for different regions without manual redesign.

What is the best way to export Apple-compliant marketing screenshots from HTML?▼

The best way to export Apple-compliant marketing screenshots from HTML is using the html-to-image tool within a Next.js project. This approach renders device-frame screenshots and exports them as 1320x2868 PNG files meeting Apple's resolution requirements.

Does this approach work for creating App Store screenshots as advertisements?▼

Yes, this approach works for creating App Store screenshots as advertisements. It renders your design assets into marketing-focused visuals within a Next.js environment and exports them at the exact resolutions Apple requires for App Store listings.

What are the limitations of using html-to-image for App Store screenshot export?▼

Using html-to-image for App Store screenshot export requires a Next.js project environment and a phone mockup asset. It is specifically designed for iOS App Store resolutions and relies on a configurable locale/theme system for variations.