Si vous livrez un produit, vous connaissez déjà le creux : la fonctionnalité marche, la landing page est rédigée, et il vous faut maintenant une vidéo d'accroche, un visuel d'en-tête pour le README et un clip pour l'annonce. D'habitude, cela veut dire quitter l'éditeur, ouvrir un autre outil, revenir avec un fichier et perdre une bonne partie de sa concentration. Ce guide comble ce creux. Ajoutez le serveur MCP de 8frame à Cursor ou à Claude Code, et vous générez des images et des vidéos dans la même fenêtre que celle où vous écrivez du code.
Le serveur MCP de 8frame propose la génération et la retouche d'images, la suppression d'arrière-plan, l'upscale d'images, la vidéo et la musique. Cursor et Claude Code sont tous deux des clients MCP : une fois le serveur dans leur configuration, l'agent de code peut l'appeler comme n'importe quel autre outil. Vous décrivez le visuel dans le panneau de chat, 8frame le génère, et le résultat revient sous forme de lien vers un fichier. Vous trouverez ci-dessous la configuration de chacun, les cas d'usage de développement où cela trouve sa place et la réalité de la latence, pour savoir quand y recourir et quand s'en passer.
Ce que vous pourrez faire depuis l'éditeur
Les étapes centrales du canvas : générer une image fixe, l'animer, retoucher une image existante, faire l'upscale d'une image. La différence, c'est que vous le faites au fil de votre build, avec moins de réglages par modèle que sur le canvas. Ce que les développeurs utilisent le plus :
- Des clips promotionnels de sortie pour l'article de lancement, la page produit ou les publicités qui renvoient vers votre fiche sur le store (les aperçus des stores eux-mêmes ont des règles plus strictes, voir plus bas).
- Des visuels d'en-tête pour le README et la documentation qui présentent une fonctionnalité ; la démonstration de son fonctionnement reste un enregistrement d'écran.
- Des vidéos d'accroche pour la landing page du site marketing que vous maintenez dans le même monorepo.
- Des visuels pour les réseaux au lancement, quand vous livrez et qu'il vous faut quelque chose pour l'annonce.
Le coût est prélevé sur vos crédits 8frame aux prix du connecteur, sans frais MCP séparés. Ceux qu'un développeur rencontre en premier : une image Nano Banana coûte 6 crédits (le connecteur exécute Nano Banana Classic, pas Nano Banana 2 ni Pro), un clip Kling v3 Standard de 5 secondes avec son, 86 (via le connecteur, Kling est uniquement v3 Standard et exige une image de départ), et un clip Veo de 8 secondes, 448 en Veo 3.1 Standard, le réglage par défaut de Veo dans le connecteur (l'outil Veo du canvas s'ouvre sur Fast), 168 en Fast et 54 en Lite. Demandez le niveau par son nom. La liste complète des prix, outil par outil, se trouve dans comment générer une vidéo IA avec Claude.
Ajouter le serveur à Cursor
Cursor lit les serveurs MCP dans un fichier mcp.json : ~/.cursor/mcp.json pour un serveur global disponible dans tous les projets, ou .cursor/mcp.json dans un dépôt pour un serveur propre au projet. Ajoutez 8frame sous mcpServers :
{
"mcpServers": {
"8frame": {
"url": "https://mcp.8frame.co/mcp"
}
}
}
La documentation de Cursor place les serveurs MCP sous Customize, dans la barre latérale, où chaque serveur s'active ou se désactive ; vérifiez que 8frame est activé et que ses outils apparaissent. Cursor prend en charge OAuth pour les serveurs qui l'exigent, et c'est le cas de 8frame : vous vous connectez à votre compte 8frame à la première utilisation, pour que les générations soient débitées de vos crédits. Par défaut, Cursor vous demande votre accord avant d'utiliser un outil MCP, donc chaque génération attend votre feu vert avant de dépenser des crédits.
Ajouter le serveur à Claude Code
Claude Code ajoute des serveurs MCP distants en HTTP avec une seule commande :
claude mcp add --transport http 8frame https://mcp.8frame.co/mcp
Sans option de portée, le serveur est ajouté en portée locale : ce projet uniquement, et pour vous seul. Ajoutez --scope user pour l'enregistrer une fois pour tous vos projets, ou --scope project pour l'écrire dans .mcp.json à la racine du projet et le partager avec votre équipe via le contrôle de version. Vérifiez avec :
claude mcp list
Lancez ensuite /mcp dans Claude Code et suivez les étapes dans le navigateur pour vous connecter à votre compte 8frame. Une fois connecté, demandez à Claude Code de générer directement dans votre session. La référence complète du serveur et la voie des Connectors de claude.ai (pour écrire vos prompts hors d'un éditeur) se trouvent sur 8frame.co/mcp.
Là où ça vaut le coup
Fiches des stores : autour de l'aperçu, pas dedans. Les App Store Review Guidelines d'Apple (2.3.4) indiquent que les aperçus "may only use video screen captures of the app itself" (ne peuvent utiliser que des captures vidéo de l'écran de l'app elle-même) : une séquence générée n'a donc pas sa place dans un aperçu de l'App Store. Pour les vidéos d'aperçu, Google Play recommande "Aim for at least 80% of the video to be representative of the user experience" (faire en sorte qu'au moins 80 % de la vidéo représente l'expérience utilisateur) et demande de limiter le "pre-rendered or promotional content" (contenu précalculé ou promotionnel). Les clips générés trouvent leur place dans tout ce qui entoure la sortie et renvoie vers la fiche : l'article de lancement, la page produit, les publicités.
Visuels pour le README. Un clip généré ne peut pas montrer votre véritable interface : la partie d'un README qui explique le fonctionnement reste donc un enregistrement d'écran ou un GIF. Un court clip ou une image générés peuvent se placer au-dessus, en en-tête du lancement ou de la page de documentation. Générez-le tant que la fonctionnalité est fraîche dans votre tête, mettez le lien dans le README, et passez à la suite.
Vidéo d'accroche de la landing page. Si vous maintenez le site marketing dans le même dépôt, vous pouvez générer le clip d'accroche sans jamais quitter l'éditeur. Affinez le brief dans le panneau de chat, générez quelques options, choisissez-en une, publiez.
Réseaux sociaux le jour du lancement. Quand vous sortez une version, vous voulez souvent un clip pour le fil d'annonce. Demandez trois ou quatre variantes verticales à partir d'une image 9:16 et vous avez un jeu pour tester des accroches : l'image à 6 crédits plus quatre clips Kling v3 Standard à 86 chacun font 350 crédits, environ 3,50 dollars.
Un exemple complet dans Claude Code
Imaginons que vous venez de merger une fonctionnalité et que vous voulez une vidéo d'accroche pour la landing page. Dans la session Claude Code :
"Génère avec Nano Banana une image photoréaliste 16:9 d'un ordinateur portable élégant sur un bureau minimaliste, dans une douce lumière du matin, écran allumé. Puis anime-la avec Kling en un lent travelling avant de 5 secondes."
Claude Code appelle l'outil Nano Banana pour l'image (6 crédits), la passe à Kling comme image de départ (86 avec son) et renvoie les liens vers les fichiers. Total : 92 crédits, environ 0,92 dollar. Vous avez validé le concept en texte, dépensé deux générations et n'avez ouvert aucune autre application. Pour un clip à partir du seul texte, nommez plutôt un modèle texte-vers-vidéo : "utilise Veo 3.1 Lite" coûte 54 crédits pour 8 secondes avec son, alors que "Veo" tout court tourne en Standard, à 448.
Demander une version 4K du clip ne fonctionnera pas : 8frame n'a pas d'upscaler vidéo, et les upscalers du connecteur n'acceptent que des images. Vous pouvez faire l'upscale de l'image avant de l'animer, mais le clip revient dans la résolution propre au modèle (720p pour Kling v3 Standard).
Partager la configuration avec votre équipe
Si toute votre équipe travaille dans le même dépôt, commitez une configuration au niveau du projet pour que personne n'ait à la mettre en place de son côté. Dans Cursor, c'est .cursor/mcp.json à la racine du dépôt avec le bloc de serveur 8frame ci-dessus ; quiconque ouvre le projet dans Cursor récupère le serveur depuis ce fichier et se connecte avec son propre compte 8frame à la première utilisation. Dans Claude Code, lancez claude mcp add --transport http --scope project 8frame https://mcp.8frame.co/mcp, qui écrit le serveur dans .mcp.json à la racine du projet ; commitez ce fichier, et Claude Code demandera à chaque membre de l'équipe d'approuver le serveur du projet avant de l'utiliser.
Les crédits ne sont pas mis en commun : chaque génération est facturée au compte de la personne qui la lance. L'avantage concret, c'est que générer un visuel de lancement n'est plus l'affaire de "la seule personne qui maîtrise l'outil de design" et devient quelque chose que n'importe quel ingénieur disposant d'un abonnement 8frame peut faire alors qu'il est déjà dans le code. Un développeur backend qui livre une API peut sortir un clip pour le changelog sans solliciter personne. L'entrée 8frame ne contient qu'une URL, elle ne renferme donc aucun secret ; pour d'autres serveurs qui ont besoin de clés, gardez-les hors de la configuration commitée et utilisez plutôt l'interpolation des variables d'environnement du client.
Notes honnêtes sur la latence et le contrôle qualité
Ce n'est pas instantané. Ce sont de vrais modèles génératifs. Mesuré sur 8frame (médianes sur 120 jours), un clip Kling v3 Standard de 5 secondes, le Kling du connecteur, prend environ une minute (60 secondes) ; une image Seedream 5 Pro, le Seedream du connecteur, environ deux minutes (119 secondes) ; et un clip Seedance 2.5 en 720p de 7 à 11 secondes, la version de Seedance qu'exécute le connecteur, environ cinq minutes (296 secondes) (combien de temps prend la génération vidéo IA). Nous n'avons pas de temps mesuré pour Nano Banana Classic, le Nano Banana du connecteur, donc nous n'en citons pas. Si une génération dépasse 10 minutes, le connecteur renvoie un ID de tâche à consulter plus tard. Cela convient à une boucle asynchrone du type "génère pendant que je continue à coder", mais n'attendez pas la vitesse de l'autocomplétion.
Vérifiez en taille réelle. Le chat de l'éditeur vous donne un lien vers le fichier. Pour tout ce qui sera publié (un article de lancement, une vidéo d'accroche publique), ouvrez le fichier et examinez-le en taille réelle. La vidéo générative peut produire des détails déformés, et une vignette les masque.
L'éditeur est une porte d'entrée, pas toute la surface. La génération pilotée par configuration depuis Cursor ou Claude Code convient aux visuels ponctuels et à l'itération rapide. Pour une composition à plusieurs références, une mise en page précise ou un modèle de workflow réutilisable que votre équipe relance régulièrement, c'est le canvas complet qu'il faut. Les requêtes via le connecteur ont aussi un plafond quotidien de crédits, comme limite de sécurité sur les dépenses qu'un agent déclenche ; le canvas n'en a pas.
Questions fréquentes
Puis-je générer une vidéo IA depuis Cursor ?
Oui. Ajoutez https://mcp.8frame.co/mcp à ~/.cursor/mcp.json (ou à .cursor/mcp.json dans un projet) sous mcpServers, connectez-vous à 8frame à la première utilisation et demandez un clip à l'agent.
Combien coûte un clip depuis Claude Code ? Les prix du connecteur : 86 crédits pour un clip Kling v3 Standard de 5 secondes à partir d'une image de départ, 54 pour un clip Veo 3.1 Lite de 8 secondes avec son, 448 pour Veo 3.1 Standard, le réglage par défaut de Veo dans le connecteur.
Puis-je utiliser Nano Banana Pro ou Kling v3 Pro depuis mon éditeur ? Non. Via le connecteur, Nano Banana est le modèle Classic (6 crédits) et Kling est v3 Standard (86 crédits pour 5 secondes, à partir d'une image de départ). Nano Banana 2 et Pro ainsi que Kling v3 Pro sont sur le canvas.
Le serveur MCP peut-il faire l'upscale d'une vidéo ? Non. 8frame n'a pas d'upscaler vidéo ; ses upscalers (Clarity, BRIA, Topaz) travaillent sur des images.
Sources
- Chemins de configuration MCP de Cursor, activation des serveurs sous Customize, prise en charge d'OAuth, approbation des outils par défaut et interpolation dans la configuration : cursor.com/docs/context/mcp, consultée le 2026-10-01
claude mcp adddans Claude Code, portées,.mcp.json, approbation des serveurs du projet et connexion avec/mcp: Claude Code docs, MCP, consultée le 2026-10-01- Aperçus de l'App Store limités aux captures de l'app : App Store Review Guidelines, 2.3.4, consultée le 2026-10-01
- Recommandations de Google Play pour les vidéos d'aperçu : Add preview assets to showcase your app, consultée le 2026-10-01
- Connexion à 8frame lors du branchement : 8frame.co/mcp, consultée le 2026-10-01
- Outils, modèles, réglages par défaut, prix, délai d'attente maximal et plafond quotidien du connecteur : configuration du serveur MCP de 8frame, lue le 2026-10-01
- Réglage par défaut de Veo sur le canvas (Fast), modèles du canvas et facturation des crédits par utilisateur : registre des outils et code du back-end de 8frame, lus le 2026-10-01
- Temps de génération : données de production de 8frame, en lecture seule, médianes sur 120 jours jusqu'au 2026-09-30
Guides associés
Vous préférez écrire vos prompts hors d'un éditeur ? Comment générer une vidéo IA avec Claude couvre la configuration via les Connectors de claude.ai. Vous construisez un système automatisé plutôt que d'écrire vos prompts à la main ? Ajouter la génération vidéo à votre agent IA traite le même serveur MCP comme un outil d'agent. Et si le protocole est nouveau pour vous, qu'est-ce que MCP explique comment tout cela s'articule.
Ajoutez le serveur MCP de 8frame à votre éditeur et générez depuis l'endroit où vous travaillez déjà, ou partez d'un tableau prêt à l'emploi dans les workflows de 8frame.
Essayez sans inscription : vous arrivez directement sur un vrai tableau. Le canvas de 8frame est gratuit et illimité ; la génération est payante à partir de 19 dollars par mois.