app-store-screenshots

Überblick

Was diese Skill macht

Die app-store-screenshots Skill steuert einen AI-Agenten dabei, Apple App Store und Google Play Store Screenshots sowie Preview-Szenen mit der infsh (inference.sh) CLI zu entwerfen und zu generieren.

Der Fokus liegt auf:

• Erstellung von marketingfertigen Device-Mockups für iOS und Android
• Einhaltung offizieller Plattform-Maße und Gerätetypen
• Produktion konsistenter Galerien für ASO und App-Listing-Updates
• Vorbereitung von Visuals, die du später in deinen Designtools weiter ausbauen oder layouten kannst

Statt Spezifikationen und Prompts manuell zu jonglieren, lässt du die Skill einen Agenten steuern, der Prompts vorschlägt, infsh Models aufruft und iterativ Bild-Outputs für dein App-Store-Listing verbessert.

Für wen sie gedacht ist

Diese Skill ist sinnvoll, wenn du:

• Mobile-App-Entwickler:in bist und schnell spezifikationsgerechte Screenshots brauchst – ohne volles Design-Team
• Marketer oder ASO-Spezialist:in bist und neue Store-Assets für Launches oder Tests vorbereitest
• Designer:in bist und AI-generierte Ausgangspunkte für Device-Mockups und Hero-Szenen suchst
• Founder oder Indie-Dev bist und dein Listing mit minimalem manuellen Designaufwand aufpolieren möchtest

Es wird vorausgesetzt, dass du mit grundlegenden CLI-Befehlen umgehen kannst und Bild-Assets in deiner üblichen Design- oder Build-Pipeline verwaltest.

Welche Probleme sie löst

Mit app-store-screenshots kann dir ein Agent helfen:

• iOS- und Android-Screenshot-Maße nicht mehr raten zu müssen
• Schnell Device-Mockup-Szenen zu erstellen, die zentrale App-Features hervorheben
• Stringente Galerien zu bauen, die auf App Store und Google Play Anforderungen zugeschnitten sind
• Preview-artige Visuals zu generieren, die du später in Videos oder animierte Sequenzen schneiden kannst

Die Skill lädt keine Assets in die Stores hoch und ersetzt auch nicht den offiziellen Einreichungsprozess. Sie konzentriert sich auf Bildgenerierung und Layout-Guidance, nicht auf Store-Automatisierung.

Wann sie nicht die beste Wahl ist

Diese Skill ist weniger geeignet, wenn:

• Du keine CLI-Tools installieren oder nutzen möchtest
• Du bereits ein vollständig designtes, produktionsreifes Screenshot-Set hast und nur kleinere grafische Anpassungen brauchst
• Du automatisches Store-Publishing, Metadaten-Management oder Preis-Konfiguration benötigst (das liegt außerhalb des Funktionsumfangs)

Wenn dein Hauptbedarf kreative, markenkonforme Bildgenerierung und -skalierung für App-Listings ist, passt app-store-screenshots sehr gut.

---

Verwendung

1. Installation und Setup

Um app-store-screenshots in einer Agent-Umgebung zu verwenden, die Skills unterstützt, fügst du die Skill aus dem inferen-sh/skills Repository hinzu:

npx skills add https://github.com/inferen-sh/skills --skill app-store-screenshots

Damit stellt die Skill dem Agenten ihre Guidance und Prompts zur Verfügung, sodass er:

• App Store und Google Play Screenshot-Spezifikationen berücksichtigen kann
• Prompts und Parameter für die infsh Bildgenerierung vorschlägt
• Galerie-Strukturen und -Reihenfolgen entwirft

Die Skill selbst ist Metadaten + Guidance; für die eigentliche Bildgenerierung wird die inference.sh CLI verwendet.

inference.sh CLI installieren

Die zugehörige Anleitung setzt die infsh CLI voraus. Folge den offiziellen Installationshinweisen aus dem Repository:

• CLI-Installationsanleitung: https://raw.githubusercontent.com/inference-sh/skills/refs/heads/main/cli-install.md

Nach der Installation meldest du dich an:

infsh login

Stelle sicher, dass infsh in deiner Shell verfügbar ist, bevor du einen Agenten bittest, Screenshots zu generieren.

2. Kern-Workflow mit infsh

Eine Device-Mockup-Szene generieren

Nutze ein unterstütztes Image-Model über infsh, um ein Basis-Mockup zu erstellen – z. B. ein modernes iPhone mit deiner App-UI:

infsh 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
}'

Die app-store-screenshots Skill hilft einem Agenten dabei:

• Den prompt so zu verfeinern, dass er besser zu deiner App-Kategorie und Marke passt
• Kompositionsdetails vorzuschlagen (Winkel, Licht, Hintergrundstil)
• So lange zu iterieren, bis die Szene deine gewünschte Marketing-Story unterstützt

Anschließend kannst du die Bilder exportieren und in Tools wie Figma, Sketch, Photoshop oder deinen Build-Skripten weiterverwenden.

3. Arbeiten mit Plattform-Spezifikationen

Die Skill kodiert zentrale Anforderungen für App Store und Google Play Screenshots und motiviert den Agenten, diese einzuhalten.

Apple App Store (iOS)

Die Anleitung enthält Maße für gängige Geräte, zum Beispiel:

• iPhone 6.7" (15 Pro Max) – 1290 × 2796 (required)
• iPhone 6.5" (11 Pro Max) – 1284 × 2778 (required)
• iPhone 5.5" (8 Plus) – 1242 × 2208 (optional)
• iPad Pro 12.9" (6th gen) – 2048 × 2732 (wenn deine App iPad unterstützt)
• iPad Pro 11" – 1668 × 2388 (wenn deine App iPad unterstützt)

Die Skill kann den Agenten anleiten:

• Zu planen, wie viele Screenshots pro erforderlicher Größe produziert werden sollen
• Kompositionen über alle Größen hinweg konsistent zu halten
• Text-Overlays vorzuschlagen, die auch in App-Store-Skalierung gut lesbar bleiben

Für den finalen Export und Upload über App Store Connect bist weiterhin du verantwortlich.

Google Play Store (Android)

Die zugehörige Anleitung deckt auch Anforderungen für Android / Google Play ab. Damit kann der Agent:

• Größen vorschlagen, die mit den Play Console Richtlinien übereinstimmen
• iOS-Konzepte in Android-gerechte Layouts übertragen
• Die Markenführung plattformübergreifend konsistent halten

Das ist besonders hilfreich, wenn du eine durchgehende Kampagnenidee auf iOS und Android umsetzen willst, ohne jedes Screenshot-Konzept neu zu denken.

4. Integration in Marketing- und Build-Workflows

Für Marketing- und ASO-Teams

• Nutze die Skill in der Feature-Launch-Planung, um schnell neue Galerie-Konzepte zu prototypen
• Bitte den Agenten, Varianten für A/B-Tests in den Stores zu erstellen
• Generiere thematische Sets für Seasonal Campaigns (z. B. Feiertage, Back-to-School), indem du die Prompts anpasst

Für Entwickler:innen und CI/CD-Workflows

Wenn deine Umgebung CLI-Aufrufe aus der Automatisierung heraus erlaubt, kannst du:

• infsh Runs skripten, die vor einem Release Screenshots generieren oder aktualisieren
• Generierte Bilder in deinem Repo oder Asset-Pipeline ablegen
• Den Agenten Prompt-Vorlagen vorschlagen lassen, die du versionierst und wiederverwendest

Die Skill definiert selbst keine CI-Skripte, aber ihre Guidance und Prompts lassen sich problemlos in deine eigenen Workflows einbetten.

5. Wichtige Dateien und Referenzen

Im inferen-sh/skills Repo sind besonders relevant:

• guides/design/app-store-screenshots/SKILL.md – zentrale Beschreibung, Constraints und Quickstart
• Weitere Design-Guides unter guides/design/, die Kontext zu Bildgenerierung und storefertigen Assets liefern

Wenn du diese durchgehst, verstehst du besser, wie die Skill erwartet, dass ein Agent beim Generieren von App-Store-Visuals vorgeht.

---

FAQ

Ist app-store-screenshots ein Design-Tool oder nur eine Anleitung?

app-store-screenshots ist eine Skill-Definition und ein Guide, keine eigenständige Design-App. Sie bringt einem AI-Agenten bei, wie er:

• App-Store-Bildspezifikationen einhält
• infsh Models korrekt nutzt
• Prompts und Galerien auf Marketingziele ausrichtet

Die eigentlichen Bilder werden von der inference.sh CLI und den zugrunde liegenden Models generiert, nicht von der Skill selbst.

Brauche ich die inference.sh CLI, um von dieser Skill zu profitieren?

Ja. Die zugehörige Anleitung setzt die infsh CLI ausdrücklich voraus. Die app-store-screenshots Skill geht davon aus, dass ein Agent infsh Befehle ausführen kann, um:

• Sich zu authentifizieren (infsh login)
• Models auszuführen (z. B. infsh app run falai/flux-dev-lora)

Ohne verfügbare CLI kann der Agent zwar Spezifikationen und Strategien besprechen, aber keine Bilder direkt generieren.

Kann diese Skill Screenshots in den App Store oder zu Google Play hochladen?

Nein. app-store-screenshots konzentriert sich ausschließlich auf Bildgenerierung und Layout-Guidance. Du musst:

• Generierte Bilder exportieren oder herunterladen
• Erforderliche Metadaten vorbereiten
• Screenshots und Preview-Assets selbst über App Store Connect oder die Google Play Console hochladen.

Garantiert app-store-screenshots eine App-Store-Freigabe?

Nein. Die Skill hilft dir, dich an empfohlene Maße und visuelle Best Practices anzulehnen, aber:

• Plattform-Richtlinien können sich ändern
• Die Freigabe hängt auch von Inhalten, Compliance und weiteren Faktoren ab

Prüfe vor der Einreichung immer die aktuellen Apple- und Google-Dokumentationen.

Kann ich meine eigene App-UI in den Bildern verwenden?

Ja. Das Beispiel-Prompt in der Anleitung nutzt zwar ein generisches Analytics-Dashboard, aber du kannst:

• Beschreibungen verwenden, die deine UI möglichst genau widerspiegeln
• AI-generierte Hintergründe oder Devices mit echten Screenshots deiner App in einem Designtool kombinieren

Die Skill ermutigt dich, AI-Outputs als marketingtaugliche Mockups oder Basis zu nutzen – nicht als Ersatz dafür, dein tatsächliches Produkt zu zeigen.

Eignet sich diese Skill auch für Social-Media-Creatives?

Obwohl sie primär für App-Store-Screenshots konzipiert ist, lassen sich dieselben Prompts und Mockup-Szenen häufig gut adaptieren für:

• Social-Media-Posts, die neue Releases ankündigen
• Paid Ads, die deine App-Oberfläche zeigen
• Hero-Images für Landing Pages

Wenn du hauptsächlich allgemeine Social-Creatives brauchst, ist zusätzlich zu app-store-screenshots möglicherweise eine breiter angelegte Image-Generation-Skill sinnvoll.

Was, wenn ich nur einfaches Resizing oder Cropping brauche?

Wenn deine Screenshots bereits gestaltet sind und du nur grundlegende Vergrößerungen/Verkleinerungen, Zuschnitte oder Formatänderungen benötigst, ist app-store-screenshots möglicherweise umfangreicher als nötig. Diese Skill spielt ihre Stärken aus, wenn du:

• Neue, AI-unterstützte Mockups erstellen willst
• Konzepte und Galerien entwickeln und planen möchtest
• Schnell an Marketing-Visuals für App-Listings iterieren willst

Für reines Resizing ist ein einfaches Bildbearbeitungs-Setup oder ein kleines Automatisierungsskript meist ausreichend.