skills.rest
Pika-Labs
Pika-LabsOFFICIAL
Explore all skills by this author →
GitHub

app-store-screens

Create 5 or 6 App Store screenshots from brand specs and UI assets.

38|7|Updated May 1, 2026
Search Tags:#branding#screenshots#mockups#app store#png export#ui composition
One-click install
npx skills add https://github.com/Pika-Labs/Pika-Plugins --skill app-store-screens
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: app-store-screens
Source: https://github.com/Pika-Labs/Pika-Plugins/tree/main/skills/app-store-screens
Command: npx skills add https://github.com/Pika-Labs/Pika-Plugins --skill app-store-screens

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill turns brand guidance and product UI into polished App Store screenshot campaigns, removing the need to manually storyboard, design, composite, and export store listings from scratch.

Core Features & Use Cases

  • Brand-aware campaign generation: Builds 5 or 6 screens that follow a clear narrative arc from hook to close.
  • Product screenshot compositing: Uses real app screenshots, app store listings, or other product captures as the visual source inside iPhone-style mockups.
  • On-brand visual control: Applies supplied brand colors, typography, tone, and reference styles while keeping layouts consistent and legible.
  • Delivery-ready exports: Produces 1290×2796 PNGs plus a preview contact sheet suitable for App Store Connect or stakeholder review.
  • Use case: A marketer or designer can feed in a brand spec and product screenshots, then get a complete screenshot set for a new app launch or listing refresh.

Quick Start

Create a 5-screen App Store screenshot set for my app using this brand spec and these product screenshots.

Frequently Asked Questions about app-store-screens

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

FAQPage Schema
How do I create App Store screenshots from product UI captures?▼

App Store screenshot campaigns are created by compositing real product UI captures into iPhone-style mockups using brand colors and typography. This generates a narrative 5 or 6 screen sequence at 1290x2796 resolution with PNG exports.

What do I need to generate App Store screenshot sets for an app launch?▼

To generate App Store screenshot sets you need real product screenshots or approved demo inputs, brand guidance including colors and typography, and safe-zone-aware 1290x2796 composition specifications to produce proper PNG exports.

Can I use brand colors and typography to design app store mockups?▼

Yes, you apply supplied brand colors, typography, tone, and reference styles to design app store mockups. The composition process integrates your brand guidance while keeping layouts consistent and legible across the screenshot sequence.

What is the correct resolution for App Store Connect screenshot PNG exports?▼

The correct resolution for App Store Connect screenshot PNG exports is 1290x2796. Generating safe-zone-aware compositions at this dimension ensures the visual layout meets App Store listing requirements and produces delivery-ready PNG files.

How do I storyboard a 5-screen app launch sequence from product screenshots?▼

Storyboarding a 5-screen app launch sequence involves compositing product screenshots into a narrative arc from hook to close. Brand-aware campaign generation applies consistent visual styles across all screens to produce a polished story-driven set.

Related Skills

Explore More Design & Creative Skills→
tenzirtenzir
3

tenzir-design-system

Provide design tokens, component specifications, and brand assets for Tenzir UI development.

Official
Basic
kvn8888kvn8888
3

asc-xcode-build

Automates build, archive, export, and version management of Xcode projects for App Store Connect.

Community
Advanced
dbmccodbmcco
20

keynote-slides

Create single-file Keynote-style HTML slide decks with brand tokens and Gemini-generated visuals.

Community
Advanced
AutisticAFAutisticAF
4

app-store-screenshot-planner

Plan App Store screenshot sequences with device dimensions and caption formulas.

Community
Intermediate