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.