Communitygithub.com

101-skills/superpowers

Création de captures d'écran pour l'App Store et Google Play avec les spécifications exactes des plateformes. Couvre les dimensions iOS/Android, l'ordre dans la galerie, les maquettes d'appareils et les vidéos de présentation. Pour : optimisation de l'App Store, ASO, captures d'écran d'applications, vidéo de présentation, fiche Play Store.

Qu'est-ce que superpowers ?

Ce skill permet de générer des captures d'écran et des vidéos de présentation professionnelles pour les fiches App Store (Apple) et Google Play (Android), en respectant les spécifications techniques exactes de chaque plateforme. Il exploite l'outil CLI `belt` d'inference.sh pour générer des visuels via des modèles d'IA comme Flux, Seedream ou Veo, et propose des prompts prêts à l'emploi pour différents styles (maquette d'appareil, UI plein écran, contexte de vie, avant/après). Il inclut des conseils stratégiques comme la règle des 3 premières captures (80% des impressions), des gabarits d'ordre de galerie, et les bonnes pratiques de rédaction de légendes orientées bénéfices. Le skill couvre également la localisation des visuels par marché, les tests A/B sur Google Play, et la création de vidéos de présentation structurées (accroche, fonctionnalités, CTA). Idéal pour les développeurs, les équipes ASO et les marketeurs qui souhaitent optimiser leurs fiches stores avec des images générées par IA.

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

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Installer le skill CLI belt : npx skills add belt-sh/cli

Captures d'écran pour l'App Store

Créez des captures d'écran et des vidéos de présentation pour l'App Store via la CLI inference.sh.

Démarrage rapide

Nécessite la CLI inference.sh (belt). Instructions d'installation

belt login

# Générer une scène de maquette d'appareil
belt app run falai/flux-dev-lora --input '{
  "prompt": "iPhone 15 Pro montrant une interface d'application moderne et épurée avec tableau de bord analytique, flottant légèrement incliné, fond dégradé doux, photographie produit professionnelle, ombre subtile, style maquette marketing",
  "width": 1024,
  "height": 1536
}'

Spécifications des plateformes

Apple App Store (iOS)

AppareilDimensions (px)Requis
iPhone 6,7" (15 Pro Max)1290 x 2796Requis
iPhone 6,5" (11 Pro Max)1284 x 2778Requis
iPhone 5,5" (8 Plus)1242 x 2208Optionnel
iPad Pro 12,9" (6e génération)2048 x 2732Si application iPad
iPad Pro 11"1668 x 2388Si application iPad
  • Jusqu'à 10 captures d'écran par localisation
  • Les 3 premières captures sont visibles sans défilement (critique)
  • Formats : PNG ou JPEG (pas d'alpha/transparence pour JPEG)

Google Play Store (Android)

SpécificationValeur
Dimensions min320 px (n'importe quel côté)
Dimensions max3840 px (n'importe quel côté)
Ratio d'aspect16:9 ou 9:16
Max captures8 par type d'appareil
FormatsPNG ou JPEG (24 bits, sans alpha)
  • Image de présentation : 1024 x 500 px (requis pour la mise en avant)
  • Vidéo promo : URL YouTube (optionnelle mais recommandée)

La règle des 3 premières

80 % des impressions App Store montrent seulement les 3 premières captures (avant que l'utilisateur ne fasse défiler). Ces trois doivent :

  1. Communiquer la proposition de valeur principale
  2. Montrer la meilleure fonctionnalité/résultat
  3. Se différencier des concurrents

Ordre de la galerie de captures

PositionContenuObjectif
1Héro — valeur principale, meilleure fonctionnalitéArrêter le défilement, communiquer ce que fait l'application
2Facteur de différenciation cléCe qui vous rend unique par rapport aux concurrents
3Fonctionnalité la plus populaireCe que les utilisateurs préfèrent
4Preuve sociale ou résultatNotes, résultats, témoignages
5-8Fonctionnalités supplémentairesFonctionnalités secondaires, réglages, intégrations
9-10Cas particuliersFonctionnalités spécialisées pour les utilisateurs de niche

Styles de captures d'écran

1. Cadre d'appareil avec légende

Le standard : maquette d'appareil montrant l'application, texte de légende au-dessus/au-dessous.

┌──────────────────────────┐
│   "Suivez vos habitudes   │  ← Légende (orientée bénéfice)
│    Sans effort"           │
│                           │
│   ┌──────────────────┐    │
│   │                  │    │
│   │   Écran appli    │    │  ← Interface réelle de l'application dans le cadre
│   │   Contenu        │    │
│   │                  │    │
│   │                  │    │
│   └──────────────────┘    │
│                           │
└──────────────────────────┘

2. UI plein écran (sans cadre d'appareil)

L'interface de l'application remplit toute la capture. Fonctionne pour les applications immersives.

3. Contexte de vie

L'appareil montré dans un contexte réel (personne tenant le téléphone, sur un bureau, etc.).

4. Mise en évidence des fonctionnalités avec annotations

Capture d'écran avec flèches/cercles pointant vers des fonctionnalités spécifiques.

Rédaction des légendes

Règles

  • Max 2 lignes de texte
  • Orientée bénéfice, pas orientée fonctionnalité
  • Taille de police équivalente à 30 pt+ (doit être lisible dans le store)

Exemples

❌ Orientée fonctionnalité :
"Système de notifications push"
"Vue calendrier avec filtres"
"Fonctionnalité d'export de données"

✅ Orientée bénéfice :
"Ne manquez plus jamais une échéance"
"Voyez votre semaine en un coup d'œil"
"Partagez des rapports en un clic"

Génération de captures d'écran

Capture héro (Position 1)

# Maquette d'appareil propre avec fonctionnalité héro
belt app run falai/flux-dev-lora --input '{
  "prompt": "iPhone moderne montrant une magnifique application de suivi sportif avec anneaux d'activité et résumé d'entraînement, appareil flottant légèrement incliné sur fond dégradé violet doux, prise de vue produit professionnelle, composition minimaliste et propre, reflet subtil",
  "width": 1024,
  "height": 1536
}'

Mise en évidence de fonctionnalité

# Style d'annotation de fonctionnalité
belt app run bytedance/seedream-4-5 --input '{
  "prompt": "style capture d'écran App Store, iPhone montrant une application de messagerie avec suggestions d'écriture IA mises en évidence, fond blanc propre, flèches d'annotation UI subtiles, support marketing professionnel, design moderne",
  "size": "2K"
}'

Contexte de vie

# Appareil en situation réelle
belt app run falai/flux-dev-lora --input '{
  "prompt": "personne tenant un iPhone affichant une application de recettes de cuisine, fond de cuisine avec ingrédients, éclairage naturel chaud, perspective par-dessus l'épaule, photographie de style de vie, sensation authentique",
  "width": 1024,
  "height": 1536
}'

Avant/Après

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

Vidéos de présentation

Apple App Store

SpécificationValeur
Durée15-30 secondes
OrientationPortrait ou paysage (correspondre à l'application)
AudioOptionnel (boucle silencieuse dans le store)
FormatH.264, .mov ou .mp4

Google Play

SpécificationValeur
SourceURL YouTube
Durée recommandée30 s - 2 min
OrientationPaysage de préférence

Structure de la vidéo de présentation

SegmentDuréeContenu
Accroche0-3 sMontrer le résultat principal/le moment "waouh"
Fonctionnalité 13-10 sDémontrer la fonctionnalité phare en action
Fonctionnalité 210-18 sDeuxième fonctionnalité clé
Fonctionnalité 318-25 sTroisième fonctionnalité ou preuve sociale
Appel à l'action25-30 sÉcran de fin avec icône de l'application
# Générer des scènes de vidéo de présentation
belt app run google/veo-3-1-fast --input '{
  "prompt": "style enregistrement d'écran fluide, doigt tapant sur une interface d'application mobile moderne, balayage entre écrans montrant des graphiques et des visualisations de données, transitions UI propres, démonstration professionnelle d'application"
}'

Localisation

Chaque langue obtient son propre ensemble de captures d'écran. Priorités :

MarchéNiveau de localisation
Marchés principauxComplet : nouvelles captures + légendes traduites
Marchés secondairesLégendes traduites, mêmes captures
AutresValeurs par défaut en anglais

Marchés clés pour la localisation : anglais, japonais, coréen, chinois (simplifié), allemand, français, espagnol, portugais (brésilien)

Tests A/B (Google Play)

La console Google Play prend en charge les expériences de fiche :

  • Tester différents ordres de captures
  • Tester avec/sans cadres d'appareil
  • Tester différentes légendes
  • Tester différentes palettes de couleurs
  • Exécuter pendant 7+ jours avec 50 %+ de trafic pour des résultats significatifs

Erreurs courantes

ErreurProblèmeCorrection
Écran de réglages comme capturePersonne ne s'intéresse aux réglagesMontrer la valeur principale, pas l'infrastructure
Captures du flux d'onboardingMontre la friction, pas la valeurMontrer l'application en cours d'utilisation
Trop de texteIllisible dans le storeMax 2 lignes, police 30 pt+
Mauvaises dimensionsRejeté par le storeUtiliser les spécifications exactes de la plateforme
Toutes les captures se ressemblentAucune raison de défilerVarier la composition et le contenu
Légendes orientées fonctionnalitésNe communique pas le bénéfice"Ne manquez jamais une échéance" > "Notifications push"
Interface obsolèteDonne l'impression d'être abandonnéMettre à jour les captures à chaque version majeure
Pas de capture héroPremière impression faiblePosition 1 = votre meilleure image

Checklist

  • Dimensions correctes pour la plateforme cible
  • Les 3 premières captures communiquent la valeur principale
  • Légendes orientées bénéfice, max 2 lignes
  • Pas d'écrans d'onboarding ou de réglages
  • Vidéo de présentation de 15 à 30 s avec accroche dans les 3 premières secondes
  • Localisé pour les principaux marchés
  • Image de présentation (1024x500) pour Google Play
  • Captures mises à jour pour la version actuelle de l'application
  • Variante de test A/B préparée

Skills associés

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

Parcourir toutes les applications : 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.

Skills associés