app-store-screenshots

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

3|1|Updated Sep 17, 2025
One-click install
npx skills add https://github.com/caterpi11ar/locusify --skill app-store-screenshots-caterpi11ar
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: app-store-screenshots
Source: https://github.com/caterpi11ar/locusify/tree/main/packages/app/.agents/skills/app-store-screenshots
Command: npx skills add https://github.com/caterpi11ar/locusify --skill app-store-screenshots-caterpi11ar

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires html-to-image, next, and includes assets (resource) components.

What problem does it solve?

This skill solves the challenge of creating professional, high-converting App Store screenshots that act as effective advertisements rather than mere UI documentation.

Core Features & Use Cases

  • Programmatic Generation: Uses Next.js and html-to-image to generate high-resolution marketing assets at Apple's required specifications.
  • Narrative Framework: Implements a proven screenshot strategy to highlight benefits, differentiators, and trust signals.
  • Use Case: Quickly generate a full set of localized, branded App Store screenshots for an iOS app by providing your app icon, screenshots, and brand guidelines.

Quick Start

Use the app-store-screenshots skill to generate a set of marketing images for my new travel app using the provided screenshots and brand colors.

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 high-converting App Store marketing screenshots?

To generate high-converting App Store screenshots, this skill uses Next.js and html-to-image to programmatically build branded visual assets that act as advertisements rather than simple UI documentation.

What is the best way to automate iOS App Store screenshot creation?

Automating iOS App Store screenshot creation is best handled by using a Next.js environment with html-to-image to programmatically render high-resolution marketing images at Apple's required specifications.

Do I need Next.js to create branded App Store screenshots?

Yes, you need a configured Next.js environment along with the html-to-image dependency and a provided phone mockup asset to generate the branded App Store screenshots.

Can I generate localized App Store screenshots for an iOS app?

Yes, you can quickly generate a full set of localized, branded App Store screenshots by providing your app icon, raw screenshots, and brand guidelines to the skill.

What narrative framework works for iOS App Store screenshots?

A proven narrative framework for iOS App Store screenshots highlights app benefits, differentiators, and trust signals to ensure the images function as effective advertisements.

Why does my programmatic screenshot generation require html-to-image?

Your screenshot generation requires html-to-image because it is the dependency used to convert Next.js rendered HTML layouts into the high-resolution image files required for the App Store.