Générer des captures d’écran App Store depuis Claude Code ou Cursor

Pour générer des captures d’écran App Store depuis Claude Code ou Cursor, connectez un serveur MCP de captures d’écran à l’agent, puis demandez-lui des captures pour le store en langage courant. Avec Launch Shots, c’est une seule ligne dans Claude Code : claude mcp add --transport http launchshots https://www.launchshots.com/api/mcp. L’agent lit votre code, rassemble trois à huit de vos écrans clés, les importe, et environ deux minutes plus tard vous donne un lien vers trois directions de design finies et modifiables.

Nous avons annoncé le serveur dans Présentation du serveur MCP de LaunchShots. Cet article en est le complément pratique : la configuration pour chaque client, ce qui se passe à chaque étape, des prompts qui fonctionnent, et ce qui fait en général la différence entre une bonne série et une série générique.

Qu’est-ce qu’un serveur MCP, et pourquoi en utiliser un pour les captures d’écran ?

Le Model Context Protocol (MCP) est un standard open source pour connecter des applications d’IA à des systèmes externes. Un serveur MCP expose des outils qu’un agent peut appeler, et tout client qui parle ce protocole peut les utiliser. C’est pour ça que le même point de terminaison Launch Shots fonctionne dans un agent en terminal, dans un IDE et dans une app de chat.

Les captures d’écran s’y prêtent bien, parce que le plus difficile n’est pas les pixels. C’est de savoir ce que fait l’app, quels écrans comptent et comment les décrire, et un agent de code installé dans votre dépôt a déjà l’essentiel de ce contexte. Il peut lire le README, trouver les écrans dans le code et, s’il sait lancer un simulateur, les capturer.

Comment ajouter le serveur MCP de Launch Shots à votre agent

Voici les snippets pour l’accès gratuit, tels qu’ils figurent sur la page de documentation du serveur MCP. Si vous créez une clé API, le même snippet gagne un en-tête Authorization ; les paramètres du compte vous en donnent la version complète au moment où vous la créez.

Claude Code

claude mcp add --transport http launchshots https://www.launchshots.com/api/mcp

Avec une clé API :

claude mcp add --transport http launchshots https://www.launchshots.com/api/mcp \
  --header "Authorization: Bearer ls_key_…"

Tapez ensuite /mcp__launchshots__store_screenshots, ou demandez simplement des captures pour le store.

Cursor

Dans ~/.cursor/mcp.json :

{
  "mcpServers": {
    "launchshots": {
      "url": "https://www.launchshots.com/api/mcp"
    }
  }
}

VS Code

Dans .vscode/mcp.json :

{
  "servers": {
    "launchshots": {
      "type": "http",
      "url": "https://www.launchshots.com/api/mcp"
    }
  }
}

Si vous ajoutez une clé ici, gardez le fichier hors du contrôle de version ou déplacez la clé dans une variable d’entrée. Ce fichier vit dans votre dépôt.

Windsurf, Codex CLI et Gemini CLI

Windsurf, dans ~/.codeium/windsurf/mcp_config.json :

{
  "mcpServers": {
    "launchshots": {
      "serverUrl": "https://www.launchshots.com/api/mcp"
    }
  }
}

Codex CLI, dans ~/.codex/config.toml :

[mcp_servers.launchshots]
url = "https://www.launchshots.com/api/mcp"

Gemini CLI, dans ~/.gemini/settings.json :

{
  "mcpServers": {
    "launchshots": {
      "httpUrl": "https://www.launchshots.com/api/mcp"
    }
  }
}

Attention : chaque client nomme la clé de l’URL différemment (url, serverUrl, httpUrl), alors copiez le snippet de votre client plutôt que d’en adapter un autre. Tout autre client qui prend en charge Streamable HTTP fonctionne avec l’URL seule. Dans Claude.ai et Claude Desktop, c’est Paramètres, puis Connecteurs, puis Ajouter un connecteur personnalisé ; les en-têtes personnalisés n’y sont pas encore pris en charge, donc le serveur fonctionne en accès gratuit.

Ce que fait l’agent quand vous demandez des captures d’écran

C’est le serveur qui explique à l’agent comment travailler, vous n’avez donc pas à le faire. Un déroulé typique :

1. Il découvre l’app. Il lit le README, les textes du store présents dans le dépôt (fastlane/metadata ou équivalent) et les principaux écrans dans le code, puis note le nom de l’app, ce qu’elle fait, à qui elle s’adresse et ce qui la distingue.
2. Il rassemble 3 à 8 captures d’écran. Il cherche d’abord des captures récentes (fastlane/screenshots, screenshots/, docs/, assets/). Sinon, il les capture avec xcrun simctl io booted screenshot ou adb exec-out screencap -p, en naviguant lui-même s’il le peut, ou en vous demandant d’ouvrir les écrans s’il ne le peut pas. Il vous montre sa liste avant l’import.
3. Il importe les captures et lance le design. prepare_screenshot_upload renvoie une URL d’import par capture, avec des commandes curl prêtes à lancer ; generate_screenshot_set lance le design et renvoie aussitôt le lien de relecture.
4. Il attend et vous fait un retour. get_screenshot_set attend le résultat, puis l’agent vous donne le lien et le titre rédigé pour chaque écran.

Les agents qui ne peuvent pas lancer de commandes shell peuvent envoyer de petites captures directement dans la requête au lieu de les importer. Il existe deux autres outils : get_account (le compte utilisé et ce qu’il vous reste) et list_projects (les projets récents, avec une clé).

Ce que vous obtenez

Le lien de relecture ouvre une page avec votre série déclinée en trois directions artistiques. Les trois partagent les mêmes titres, rédigés écran par écran à partir de ce qui s’y trouve réellement et de la description envoyée par l’agent. Vous choisissez la direction qui vous plaît, et elle s’ouvre dans l’éditeur de Launch Shots comme un projet normal.

Rien n’est figé. Chaque titre, chaque couleur et chaque cadre d’appareil reste modifiable, et le projet s’exporte dans toutes les tailles exigées par App Store Connect et la Google Play Console, ou se publie directement sur ces plateformes. Si un titre est presque bon mais pas tout à fait, notre guide de rédaction pour les captures d’écran est une bonne vérification avant de le publier.

Sans clé ou avec clé API : limites et tarifs

Une génération qui échoue, expire ou est refusée est remboursée automatiquement, et l’agent peut relancer la même série. La page des tarifs indique les prix actuels des crédits et des plans. Traitez le lien de relecture comme le lien d’un document privé : toute personne qui l’a peut voir la série.

Des exemples de prompts qui fonctionnent

Vous pouvez être aussi bref que vous le voulez, mais quelques indications changent beaucoup de choses.

• « Crée des captures d’écran App Store pour cette app. »
• « Crée des captures d’écran Play Store en allemand, en mettant en avant le mode hors ligne. »
• « Fais des captures des écrans d’onboarding, du tableau de bord et des réglages dans le simulateur, puis transforme-les en série pour le store. »
• « Génère les séries iPhone et iPad, dans un style sombre et premium. »
• « Utilise les captures dans fastlane/screenshots/en-US. Le public, ce sont les designers freelances ; ce qui nous distingue, c’est la facturation dans la devise de leur client. »
• « Crée une série pour l’App Store en japonais, ludique, avec notre orange de marque #FF6B00. »

Ces demandes correspondent aux paramètres que l’outil accepte : la plateforme, la langue du store (en-US, de-DE, ja, pt-BR, etc.), une note de style facultative, et l’inclusion ou non de la série pour tablette. Dans Claude Code, le prompt /mcp__launchshots__store_screenshots accepte aussi une plateforme et un axe à mettre en avant.

Conseils pour de meilleurs résultats

Donnez-lui de vrais écrans avec des données réalistes

C’est ce qui compte le plus. Les titres sont rédigés à partir de ce qui est à l’écran : un écran vide produit un titre qui ne parle de rien. Évitez les écrans de connexion, les demandes d’autorisation, les bannières de débogage et le lorem ipsum. Si l’agent capture depuis un simulateur, demandez-lui d’abord de nettoyer la barre d’état et de charger des données de démo ; notre guide pour obtenir des captures propres depuis le simulateur et l’émulateur donne les commandes, et votre agent peut les lancer.

Dites-lui quels écrans comptent pour vous

Les agents font des choix sensés, mais ils ne savent pas sur quelle fonctionnalité vous misez pour cette version. Nommez-la. Et pensez à l’ordre : la première capture fait l’essentiel du travail, alors notre article sur quoi mettre sur votre première capture d’écran App Store vaut le détour avant de décider de ce qui ouvre la série.

Rendez la description précise

L’agent rédige la description de l’app à partir de votre README. Si votre README est un guide de compilation, orientez-le vers un meilleur texte : votre fiche du store, votre landing page ou votre pitch. « Un suivi d’habitudes » donne des titres génériques ; « un suivi d’habitudes pour les personnes avec un TDAH, qui ne pénalise jamais un jour manqué » donne des titres avec un angle.

Relisez avant de publier

Lisez chaque titre comme le ferait un inconnu. Vérifiez que les affirmations sont vraies, que les prix et les chiffres sont à jour, et que rien de ce qui est affiché ne risque de bloquer à l’App Review ; notre analyse de pourquoi Apple refuse des captures d’écran App Store passe en revue les problèmes habituels.

Utilisez-le aussi pour la localisation

Demandez la même série dans une autre langue du store, ou traduisez le projet une fois qu’il est dans l’éditeur. Si l’interface de l’app est localisée, faites aussi capturer les écrans localisés par l’agent : des titres dans une langue par-dessus une interface dans une autre, ça fait inachevé.

Si quelque chose ne fonctionne pas

• L’agent ne voit pas les outils. La plupart des clients chargent les serveurs MCP au démarrage : redémarrez la session après avoir modifié la configuration. Dans Claude Code, /mcp liste les serveurs connectés et leur état.
• Il n’arrive pas à faire de captures d’écran. L’agent a besoin d’un simulateur démarré ou d’un émulateur en cours d’exécution, ainsi que de l’autorisation de lancer des commandes shell. S’il ne peut pas naviguer dans votre app, il devrait vous indiquer quels écrans ouvrir ; vous pouvez aussi le diriger vers un dossier de captures existantes.
• Les imports échouent. Les URL d’import sont valables deux heures : une longue pause entre la préparation et l’import peut les faire expirer. Demandez à l’agent de recommencer avec prepare_screenshot_upload. Les agents sans shell peuvent envoyer les captures directement dans la requête, chacune sous 1 Mo environ.
• Une clé API est refusée. Une clé présente mais invalide renvoie une erreur au lieu de basculer sur l’accès gratuit. Vérifiez qu’il n’y a pas d’espace en trop ou d’ancienne clé révoquée dans la configuration.
• Les titres sont génériques. D’après notre expérience, c’est généralement ce que vous fournissez qui est en cause. Donnez à l’agent de meilleurs écrans et une description plus précise, puis relancez.

En bref

• Ajoutez le serveur une fois : une ligne dans Claude Code, quelques lignes de JSON dans Cursor, VS Code, Windsurf ou Gemini CLI, du TOML dans Codex.
• Demandez des captures pour le store, ou lancez /mcp__launchshots__store_screenshots dans Claude Code.
• Assurez-vous que l’agent envoie 3 à 8 écrans clés au contenu réaliste, et dites-lui quelle fonctionnalité doit ouvrir la série.
• Ouvrez le lien de relecture, choisissez l’une des trois directions et finalisez-la dans l’éditeur.
• Commencez sans clé ; ajoutez une clé API quand vous voulez les séries dans votre compte, les séries pour tablette et une conservation plus longue.

Si vous préférez le faire à la main, le générateur de captures d’écran App Store fait le même travail dans le navigateur, et notre guide pas à pas couvre le processus de bout en bout.