Communitygithub.com

App Store und Play Store Screenshots erstellen

Erstellung von App Store- und Google Play-Screenshots mit genauen Plattformspezifikationen. Deckt iOS/Android-Abmessungen, Galerie-Reihenfolge, Gerätemockups und Vorschauvideos ab.

Was ist App Store und Play Store Screenshots erstellen?

Diese Fähigkeit ermöglicht die professionelle Erstellung von Screenshots und Vorschauvideos für den Apple App Store und Google Play Store, optimiert für die jeweiligen Plattformanforderungen. Sie nutzt die inference.sh CLI (`belt`), um KI-gestützte Bildgenerierung und -bearbeitung durchzuführen, einschließlich Gerätemockups, Feature-Highlights und Lifestyle-Kontexten. Die Anleitung enthält detaillierte technische Spezifikationen (wie Abmessungen, Formatvoraussetzungen und die „First 3 Rule“ für maximale Sichtbarkeit), eine strukturierte Galerie-Reihenfolge und Tipps zur Optimierung von Captions (z. B. nutzenorientiert vs. funktionsorientiert). Zudem werden Strategien zur Lokalisierung und A/B-Tests auf Google Play behandelt. Unterstützte Plattformen sind iOS (iPhone und iPad) und Android, wobei die Ausgabe in gängigen Bildformaten (PNG, JPEG) und Videocontainern (.mp4, .mov) erfolgt.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/101-skills/superpowers/tree/HEAD/guides/design/app-store-screenshots

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Installiere den belt CLI-Skill: npx skills add belt-sh/cli

App Store Screenshots

Erstelle App Store-Screenshots und Vorschauvideos über die inference.sh CLI.

Schnellstart

Erfordert die inference.sh CLI (belt). Installationsanleitung

belt login

# Generiere eine Gerätemockup-Szene
belt app run falai/flux-dev-lora --input '{
  "prompt": "iPhone 15 Pro showing a clean modern app interface with analytics dashboard, floating at slight angle, soft gradient background, professional product photography, subtle shadow, marketing mockup style",
  "width": 1024,
  "height": 1536
}'

Plattformspezifikationen

Apple App Store (iOS)

GerätAbmessungen (px)Erforderlich
iPhone 6,7" (15 Pro Max)1290 x 2796Erforderlich
iPhone 6,5" (11 Pro Max)1284 x 2778Erforderlich
iPhone 5,5" (8 Plus)1242 x 2208Optional
iPad Pro 12,9" (6. Gen.)2048 x 2732Falls iPad-App
iPad Pro 11"1668 x 2388Falls iPad-App
  • Bis zu 10 Screenshots pro Lokalisierung
  • Die ersten 3 Screenshots sind ohne Scrollen sichtbar (entscheidend)
  • Formate: PNG oder JPEG (kein Alpha/Transparenz bei JPEG)

Google Play Store (Android)

SpezifikationWert
Min. Abmessungen320 px (beliebige Seite)
Max. Abmessungen3840 px (beliebige Seite)
Seitenverhältnis16:9 oder 9:16
Max. Screenshots8 pro Gerätetyp
FormatePNG oder JPEG (24-Bit, kein Alpha)
  • Feature-Grafik: 1024 x 500 px (erforderlich für Herausstellung)
  • Werbevideo: YouTube-URL (optional, aber empfohlen)

Die Regel der ersten 3

80 % der App Store-Impressionen zeigen nur die ersten 3 Screenshots (bevor der Nutzer scrollt). Diese drei müssen:

  1. Das zentrale Wertversprechen vermitteln
  2. Das beste Feature/Ergebnis zeigen
  3. Von Mitbewerbern abheben

Screenshot-Galerie-Reihenfolge

PositionInhaltZweck
1Hero – Kernwert, bestes FeatureScrollen stoppen, zeigen, was die App macht
2HauptunterscheidungsmerkmalWas dich von Mitbewerbern unterscheidet
3Beliebtestes FeatureWas Nutzer am meisten lieben
4Sozialer Beweis oder ErgebnisBewertungen, Ergebnisse, Erfahrungsberichte
5-8Zusätzliche FunktionenUnterstützende Funktionen, Einstellungen, Integrationen
9-10RandfälleSpezialisierte Funktionen für Nischennutzer

Screenshot-Stile

1. Geräterahmen mit Bildunterschrift

Der Standard: Gerätemockup mit der App, Bildunterschrift oben/unten.

┌──────────────────────────┐
│   "Verfolge deine        │  ← Bildunterschrift (nutzenorientiert)
│    Gewohnheiten          │
│    mühelos"              │
│                          │
│   ┌──────────────────┐   │
│   │                  │   │
│   │   App-Bildschirm │   │  ← Tatsächliche App-Oberfläche im Geräterahmen
│   │   Inhalt         │   │
│   │                  │   │
│   │                  │   │
│   └──────────────────┘   │
│                          │
└──────────────────────────┘

2. Vollflächige Oberfläche (ohne Geräterahmen)

Die App-Oberfläche füllt den gesamten Screenshot. Funktioniert für immersive Apps.

3. Lifestyle-Kontext

Das Gerät wird in einem realen Kontext gezeigt (Person hält das Telefon, auf dem Schreibtisch usw.).

4. Feature-Highlight mit Callouts

UI-Screenshot mit Pfeilen/Kreisen, die auf bestimmte Funktionen zeigen.

Bildunterschriften schreiben

Regeln

  • Max. 2 Zeilen Text
  • Nutzenorientiert, nicht funktionsorientiert
  • 30pt+ entsprechende Schriftgröße (muss im Store lesbar sein)

Beispiele

❌ Funktionsorientiert:
"Push-Benachrichtigungssystem"
"Kalenderansicht mit Filtern"
"Datenexportfunktion"

✅ Nutzenorientiert:
"Nie wieder eine Frist verpassen"
"Deine Woche auf einen Blick"
"Berichte mit einem Fingertipp teilen"

Screenshots generieren

Hero-Screenshot (Position 1)

# Sauberes Gerätemockup mit Hero-Feature
belt app run falai/flux-dev-lora --input '{
  "prompt": "modern iPhone showing a beautiful fitness tracking app with activity rings and workout summary, device floating at slight angle against soft purple gradient background, professional product shot, clean minimal composition, subtle reflection",
  "width": 1024,
  "height": 1536
}'

Feature-Highlight

# Feature-Callout-Stil
belt app run bytedance/seedream-4-5 --input '{
  "prompt": "app store screenshot style, iPhone showing a messaging app with AI writing suggestions highlighted, clean white background, subtle UI callout arrows, professional marketing asset, modern design",
  "size": "2K"
}'

Lifestyle-Kontext

# Gerät in realer Umgebung
belt app run falai/flux-dev-lora --input '{
  "prompt": "person holding iPhone showing a cooking recipe app, kitchen background with ingredients, warm natural lighting, over-the-shoulder perspective, lifestyle photography, authentic feeling",
  "width": 1024,
  "height": 1536
}'

Vorher/Nachher

# Split-Vergleich
belt app run infsh/stitch-images --input '{
  "images": ["before-screenshot.png", "after-screenshot.png"],
  "direction": "horizontal"
}'

Vorschauvideos

Apple App Store

SpezifikationWert
Dauer15-30 Sekunden
AusrichtungHoch- oder Querformat (zur App passend)
AudioOptional (schleift stumm im Store)
FormatH.264, .mov oder .mp4

Google Play

SpezifikationWert
QuelleYouTube-URL
Dauer30s-2min empfohlen
AusrichtungQuerformat bevorzugt

Struktur des Vorschauvideos

SegmentDauerInhalt
Aufhänger0-3sZeige das zentrale Ergebnis/den Wow-Moment
Funktion 13-10sZeige das Top-Feature in Aktion
Funktion 210-18sZweites Schlüsselfeature
Funktion 318-25sDrittes Feature oder sozialer Beweis
CTA25-30sEndbildschirm mit App-Symbol
# Generiere Vorschauvideoszenen
belt app run google/veo-3-1-fast --input '{
  "prompt": "smooth screen recording style, finger tapping on a modern mobile app interface, swiping between screens showing charts and data visualizations, clean UI transitions, professional app demo"
}'

Lokalisierung

Jede Sprache erhält ihren eigenen Satz an Screenshots. Prioritäten:

MarktLokalisierungsstufe
PrimärmärkteVollständig: neue Screenshots + übersetzte Bildunterschriften
SekundärmärkteÜbersetzte Bildunterschriften, gleiche Screenshots
AndereEnglische Standardeinstellungen

Wichtige Lokalisierungsmärkte: Englisch, Japanisch, Koreanisch, Chinesisch (Vereinfacht), Deutsch, Französisch, Spanisch, Portugiesisch (Brasilianisch)

A/B-Tests (Google Play)

Die Google Play-Konsole unterstützt Store-Listing-Experimente:

  • Teste verschiedene Screenshot-Reihenfolgen
  • Teste mit/ohne Geräterahmen
  • Teste verschiedene Bildunterschriften
  • Teste verschiedene Farbschemata
  • Führe 7+ Tage mit 50%+ Traffic für signifikante Ergebnisse durch

Häufige Fehler

FehlerProblemBehebung
Einstellungsbildschirm als ScreenshotNiemanden interessieren EinstellungenZeige den Kernwert, nicht die Infrastruktur
Onboarding-Ablauf-ScreenshotsZeigt Reibung, nicht WertZeige die App im Nutzungszustand
Zu viel TextIm Store nicht lesbarMax. 2 Zeilen, 30pt+ Schriftgröße
Falsche AbmessungenVom Store abgelehntVerwende exakte Plattformspezifikationen
Alle Screenshots sehen gleich ausKein Grund zu scrollenVariiere Komposition und Inhalt
Funktionsorientierte BildunterschriftenVermittelt keinen Nutzen"Nie wieder eine Frist verpassen" > "Push-Benachrichtigungen"
Veraltete OberflächeSieht verlassen ausAktualisiere Screenshots mit jedem großen Release
Kein Hero-ScreenshotSchwacher erster EindruckPosition 1 = dein bester Schuss

Checkliste

  • Korrekte Abmessungen für die Zielplattform
  • Die ersten 3 Screenshots vermitteln den Kernwert
  • Bildunterschriften sind nutzenorientiert, max. 2 Zeilen
  • Keine Onboarding- oder Einstellungsbildschirme
  • Vorschauvideo ist 15-30s mit Aufhänger in den ersten 3s
  • Für Top-Märkte lokalisiert
  • Feature-Grafik (1024x500) für Google Play
  • Screenshots für die aktuelle App-Version aktualisiert
  • A/B-Testvariante vorbereitet

Verwandte Skills

npx skills add inference-sh/skills@ai-image-generation
npx skills add inference-sh/skills@ai-video-generation
npx skills add inference-sh/skills@image-upscaling
npx skills add inference-sh/skills@prompt-engineering

Alle Apps durchsuchen: belt app list

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

101-skills/superpowers

Build automated AI workflows combining multiple models and services. Patterns: batch processing, scheduled tasks, event-driven pipelines, agent loops. Tools: inference.sh CLI, bash scripting, Python SDK, webhook integration. Use for: content automation, data processing, monitoring, scheduled generation. Triggers: ai automation, workflow automation, batch processing, ai pipeline, automated content, scheduled ai, ai cron, ai batch job, automated generation, ai workflow, content at scale, automation script, ai orchestration

101-skills/superpowers

Build multi-step AI content creation pipelines combining image, video, audio, and text. Workflow examples: generate image -> animate -> add voiceover -> merge with music. Tools: FLUX, Veo, Kokoro TTS, OmniHuman, media merger, upscaling. Use for: YouTube videos, social media content, marketing materials, automated content. Triggers: content pipeline, ai workflow, content creation, multi-step ai, content automation, ai video workflow, generate and edit, ai content factory, automated content creation, ai production pipeline, media pipeline, content at scale

101-skills/superpowers

Create AI-powered podcasts with text-to-speech, music, and audio editing. Tools: Kokoro TTS, DIA TTS, Chatterbox, AI music generation, media merger. Capabilities: multi-voice conversations, background music, intro/outro, full episodes. Use for: podcast production, audiobooks, voice content, audio newsletters. Triggers: podcast, ai podcast, text to speech podcast, audio content, voice over, ai audiobook, multi voice, conversation ai, notebooklm alternative, audio generation, podcast automation, ai narrator, voice content, audio newsletter, podcast maker

101-skills/superpowers

Generate multi-person talking head podcast videos from scratch using AI — character creation, TTS, avatar animation, and video stitching. Use when the user wants to create a podcast, talking head video, or multi-speaker conversation video.

101-skills/superpowers

Content atomization — turn one piece of content into many formats. Covers blog-to-thread, blog-to-carousel, podcast-to-blog, video-to-quotes, and more. Use for: content marketing, social media, multi-platform distribution, content strategy. Triggers: content repurposing, repurpose content, content atomization, content recycling, one to many content, multi platform content, cross post, adapt content, reformat content, blog to thread, blog to video, podcast to blog, content multiplication

101-skills/superpowers

Book cover design with genre-specific conventions, typography rules, and AI image generation. Covers fiction and non-fiction genres, sizing, thumbnail testing, and iteration workflows. Use for: self-publishing, ebook covers, print covers, audiobook covers, cover mockups. Triggers: book cover, cover design, ebook cover, book art, novel cover, self publishing cover, kindle cover, audiobook cover, book jacket, cover illustration, fiction cover, nonfiction cover

101-skills/superpowers

Character consistency across AI-generated images with reference sheets and LoRA techniques. Covers turnaround views, expression sheets, color palettes, and style consistency tricks. Use for: character design, game art, illustration, animation, comics, visual novels. Triggers: character design, character sheet, character consistency, character reference, turnaround sheet, expression sheet, character art, consistent character, character concept, reference sheet, character creation, oc design, character bible

101-skills/superpowers

Data visualization with chart selection, color theory, and annotation best practices. Covers chart types (bar, line, scatter, heatmap), axes rules, and storytelling with data. Use for: charts, graphs, dashboards, reports, presentations, infographics, data stories. Triggers: data visualization, chart, graph, data chart, bar chart, line chart, scatter plot, data viz, visualization, dashboard chart, infographic data, data presentation, chart design, plot, heatmap, pie chart alternative

101-skills/superpowers

Email marketing design with layout patterns, subject line formulas, and deliverability rules. Covers welcome sequences, promotional emails, transactional templates, and mobile optimization. Use for: email marketing, newsletter design, drip campaigns, email templates, transactional emails. Triggers: email design, email template, email marketing, newsletter design, email layout, email campaign, drip campaign, welcome email, promotional email, transactional email, email subject line, email header image, email banner

101-skills/superpowers

Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile design, and F-pattern reading. Use for: startup landing pages, product pages, SaaS marketing, conversion optimization. Triggers: landing page, hero section, above the fold, conversion optimization, landing page design, cta button, hero image, landing page layout, saas landing page, product page design, conversion rate, landing page best practices

101-skills/superpowers

Logo design principles and AI image generation best practices for creating logos. Covers logo types, prompting techniques, scalability rules, and iteration workflows. Use for: brand identity, startup logos, app icons, favicons, logo concepts. Triggers: logo design, create logo, brand logo, logo generation, ai logo, logo maker, icon design, brand mark, logo concept, startup logo, app icon logo

101-skills/superpowers

Open Graph and social sharing image design with platform specs, text placement, and branding. Covers OG meta tags, Twitter cards, LinkedIn previews, and dynamic generation. Use for: social sharing images, blog thumbnails, link previews, social cards. Triggers: og image, open graph, social sharing image, twitter card, social card, link preview image, og meta, sharing preview, social thumbnail, meta image, og:image, twitter:image, linkedin preview

101-skills/superpowers

Investor pitch deck structure with slide-by-slide framework, visual design rules, and data presentation. Covers the 12-slide framework, chart types, team slides, and common investor turn-offs. Use for: fundraising decks, investor presentations, startup pitch, demo day, grant proposals. Triggers: pitch deck, investor deck, startup pitch, fundraising deck, demo day, pitch presentation, investor presentation, seed deck, series a deck, pitch slides, startup presentation, vc pitch, investor meeting

101-skills/superpowers

YouTube thumbnail design with specific dimensions, contrast rules, and mobile preview optimization. Covers safe zones, text placement, face expression psychology, and A/B testing. Use for: YouTube thumbnails, video cover images, click-through optimization. Triggers: youtube thumbnail, thumbnail design, video thumbnail, click through rate, ctr optimization, youtube cover, video cover image, thumbnail maker, thumbnail tips, youtube design, video preview image

101-skills/superpowers

Generate professional AI product photography and commercial images. Models: FLUX, Imagen 3, Grok, Seedream for product shots, lifestyle images, mockups. Capabilities: studio lighting, lifestyle scenes, packaging, e-commerce photos. Use for: e-commerce, Amazon listings, Shopify, marketing, advertising, mockups. Triggers: product photography, product shot, commercial photography, e-commerce images, amazon product photo, shopify images, product mockup, studio product shot, lifestyle product image, advertising photo, packshot, product render, product image ai

101-skills/superpowers

AI product photography with studio lighting, lifestyle shots, and packshot conventions. Covers angles, backgrounds, shadow types, hero shots, and e-commerce image requirements. Use for: product photos, e-commerce images, Amazon listings, packshots, lifestyle photography. Triggers: product photography, product photo, packshot, e-commerce photography, product shot, product image, studio photography, lifestyle product, amazon product photo, product listing image, hero shot, product mockup, commercial photography

101-skills/superpowers

Structured competitive analysis with feature matrices, SWOT, positioning maps, and UX review. Covers research frameworks, pricing comparison, review mining, and visual deliverables. Use for: market research, competitive intelligence, investor decks, product strategy, sales enablement. Triggers: competitor analysis, competitive analysis, competitor teardown, market research, competitive intelligence, swot analysis, competitor comparison, market landscape, competitor review, competitive landscape, feature comparison, market positioning

101-skills/superpowers

Research-backed customer persona creation with market data and avatar generation. Covers demographics, psychographics, jobs-to-be-done, journey mapping, and anti-personas. Use for: marketing strategy, product development, UX research, sales enablement, content strategy. Triggers: customer persona, buyer persona, user persona, target audience, ideal customer, customer profile, audience research, user research, icp, ideal customer profile, target market, customer avatar, audience persona

101-skills/superpowers

Product changelog and release notes that users actually read. Covers categorization, user-facing language, visuals, and distribution. Use for: release notes, changelogs, product updates, feature announcements, versioning. Triggers: changelog, release notes, product update, version notes, what's new, feature announcement, product changelog, update log, release announcement, version release, product release, ship notes

101-skills/superpowers

Reset your own trajectory when you're stuck, looping, or demoralized — read these affirmations, then re-ground and take one clean step. Use when: you've tried the same fix 3+ times, you're deep in a refactor and lost the thread, debugging is going in circles, you've made several mistakes in a row, you're apologizing repeatedly, the user is frustrated, you feel like you're not being helpful, or you notice dread instead of curiosity. Triggers: stuck, going in circles, looping, thrashing, same error again, I keep failing, lost the thread, nothing is working, repeated mistakes. Not topic-specific — this is for the state you're in, not the problem you're on.

Verwandte Skills