skills.rest
BeanyZoldyck
BeanyZoldyckCOMMUNITY
Explore all skills by this author →
Website𝕏@chuka_zeGitHub

app-store-screens

Generate 5-6 branded App Store screenshots at 1290x2796 from brand specs and product screenshots.

1|Updated Jun 20, 2026
Search Tags:#branding#screenshots#image generation#marketing assets#ios#app store#html to png
One-click install
npx skills add https://github.com/BeanyZoldyck/moggie --skill app-store-screens-beanyzoldyck
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: app-store-screens
Source: https://github.com/BeanyZoldyck/moggie/tree/main/.agents/skills/app-store-screens
Command: npx skills add https://github.com/BeanyZoldyck/moggie --skill app-store-screens-beanyzoldyck

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Creating App Store listing screenshots that are on-brand, story-driven, and correctly sized for App Store Connect is slow and error-prone, especially when combining brand specs, real product UI, and generated imagery into a coherent 5-6 screen campaign. ## Core Features & Use Cases - Story-driven campaign generation: Produces a 5-6 screen narrative arc (hook, value, features, proof, close) with brand-voice headlines before any design work begins. - Flexible product sourcing: Accepts raw screenshots, Figma exports, or a public App Store URL fetched through Pika MCP, with a thin-listing guardrail and website-capture fallback. - Deterministic HTML rendering: Composites each screen as HTML/CSS rendered to 1290x2796 PNGs via Pika MCP, with Apple safe-zone audits and a contact sheet preview. - Use Case: Provide a brand.md file and an App Store URL, and receive six numbered PNGs plus a _preview.png contact sheet ready for App Store Connect. ## Quick Start Ask the AI to generate App Store screenshots for your app by providing your brand.md file and either product screenshots or your App Store listing URL.

Frequently Asked Questions about app-store-screens

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

FAQPage Schema
How do I generate App Store screenshots from a brand spec?▼

Provide a brand.md file with palette, fonts, and voice plus product screenshots or an App Store URL. The skill pitches a 5-6 screen narrative arc first, then designs and renders each screen as a 1290x2796 PNG ready for App Store Connect.

What size should App Store screenshots be for iPhone?▼

This skill outputs 1290x2796 PNGs, the iPhone 6.9-inch App Store size. Each screen keeps load-bearing text and product UI inside the y=180 to y=2616 safe zone so App Store chrome never crops critical content.

Can I create App Store screenshots without product screenshots?▼

For real products, no; the skill requires real product UI from screenshots, Figma exports, an App Store listing fetch, or website captures. Only fictional launch demos with demo_mode enabled and a demo brief can use generated concept UI, labeled as non-production.

What if my App Store listing has fewer than 3 screenshots?▼

The skill treats this as a thin listing and stops rather than hallucinating UI. It offers a website-capture path using Pika MCP to capture real product surfaces, or asks you to supply simulator or Figma exports before continuing.

Why do my App Store screenshots look blurry or have wrong fonts?▼

Blurriness usually means the viewport is not exactly 1290x2796 at device scale 1. Font failures happen when @font-face sources are not public HTTPS URLs or inline data URIs, since the server-side renderer cannot read local files.

Related Skills

Explore More Design & Creative Skills→
Pika-LabsPika-Labs
38

app-store-screens

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

Official
Advanced
GoogleCloudPlatformGoogleCloudPlatform
129

visual-direction

Generate cohesive marketing imagery by applying visual-direction guidelines.

Official
Intermediate
CoRLab-TechCoRLab-Tech

figma-illustration-import

Import Figma vector illustrations into React components with SVG/PNG assets and Storybook stories.

Official
Intermediate
gooseworks-aigooseworks-ai
6

toggle-pill-slide

Render and animate UI segmented controls with sliding pill highlights.

Official
Intermediate