Serveur MCP Cline : générez des images directement depuis votre éditeur

Un serveur MCP distant dans Cline est un ensemble d'outils hébergés que l'agent appelle via HTTP. En ajoutant un simple bloc dans la configuration JSON du MCP, Cline accède à des fonctionnalités qu'aucun modèle de langage ne possède nativement. La création d'images en est l'exemple le plus parlant : Cline refactorise vos composants, lance vos tests, écrit la migration de base de données, puis s'arrête net sur un commentaire du type « insérer ici la photo du produit ».

Pour les plus pressés, voici la configuration complète. Créez une clé dans votre profil BananaBanana, ouvrez les paramètres MCP de Cline et ajoutez :

{
  "mcpServers": {
    "bananabanana": {
      "type": "streamableHttp",
      "url": "https://bananabanana.pro/api/mcp",
      "headers": {
        "Authorization": "Bearer bb_live_YOUR_KEY"
      },
      "disabled": false,
      "autoApprove": ["list_models", "get_account", "get_result"]
    }
  }
}

Dix outils apparaissent alors dans votre éditeur. Les images sont facturées dès $0.03 l'unité sur votre solde prépayé, et la vidéo dès $0.10. La ligne type est indispensable, et son omission provoque un comportement trompeur que nous détaillerons plus bas.

Pourquoi ajouter un générateur d'images à Cline ?

Toute l'approche de Cline repose sur une promesse simple : « décrivez le résultat attendu, laissez l'agent effectuer les passes ». Cela fonctionne parfaitement jusqu'au moment où le résultat inclut un élément visuel. À cet instant, la boucle est rompue et vous devez reprendre la main : ouvrir un navigateur, taper un prompt, télécharger le fichier, le renommer, le déplacer dans public/, revenir à l'éditeur et retrouver le fil de vos pensées. Cinq minutes par ressource, sans compter le coût de l'interruption de concentration.

Avec un outil MCP, l'agent gère l'intégralité du cycle. Il formule le prompt, appelle generate_image, enregistre le fichier généré dans le bon dossier et met à jour votre code. Il ne vous reste plus qu'à valider le diff.

Le modèle économique correspond également aux habitudes des utilisateurs de Cline. Cline fonctionne sur le principe du « bring-your-own-model », ses utilisateurs sont donc déjà habitués à payer à l'usage plutôt qu'à l'abonnement mensuel. Nos tarifs suivent la même logique : aucun forfait, aucun engagement, aucun minimum requis. Des images dès $0.03, de la vidéo dès $0.10, débitées d'un solde que vous rechargez à votre rythme.

L'autre option consiste à faire tourner un serveur MCP local, ce qui implique un processus Node ou Python sur votre machine, votre propre clé d'API fournisseur, et la gestion des quotas chez un tiers. Un endpoint distant élimine ces contraintes : la génération s'exécute sur notre infrastructure via le même pipeline que le générateur web, et vous ne gérez qu'une seule clé révocable.

Comment ajouter un serveur MCP distant dans Cline ?

Trois méthodes mènent au même résultat. Les étapes ci-dessous sont vérifiées d'après la documentation officielle de Cline MCP au 20 août 2026.

Via l'interface. Cliquez sur l'icône MCP Servers dans la barre d'outils du panneau Cline, ouvrez l'onglet Remote Servers, renseignez un nom, l'URL https://bananabanana.pro/api/mcp et choisissez Streamable HTTP comme transport. Cliquez sur Add Server. Revenez ensuite ajouter l'en-tête Authorization : le formulaire permet une création rapide, mais la clé s'enregistre dans le JSON.

En modifiant le fichier JSON. Même icône, onglet Configure, puis bouton Configure MCP Servers pour ouvrir le fichier de paramètres de l'extension. Celui-ci se trouve dans le stockage global de VS Code, sous le dossier saoudrizwan.claude-dev (l'identifiant de l'extension conserve le nom de son auteur d'origine, ce qui égare souvent ceux qui cherchent un dossier nommé « cline »). Sur la CLI, le chemin est simplement ~/.cline/mcp.json, et la commande cline mcp lance un assistant interactif.

Depuis le terminal. La commande cline config mcp --json affiche la configuration actuellement chargée, ce qui est le moyen le plus rapide de vérifier la prise en compte de vos modifications.

Quelle que soit la méthode choisie, l'adresse de l'endpoint est https://bananabanana.pro/api/mcp. N'utilisez pas /mcp, car il s'agit de la page de documentation humaine qui renvoie du HTML en cas de requête POST. Notre page dédiée au serveur MCP propose l'extrait de configuration générique ainsi qu'un tableau de compatibilité :

Effectuez un test gratuit avant de dépenser du crédit. get_account renvoie votre solde, le nom de la clé et son plafond journalier ; list_models liste l'ensemble des modèles disponibles et leurs tarifs actuels. Ces deux appels sont gratuits et confirment la validité de l'authentification en une seconde.

Cas d'usage : générer un lot de visuels pour un catalogue en mode Act

C'est ici que Cline démontre toute sa valeur ajoutée, bien au-delà de la création ponctuelle d'une image d'en-tête. Commencez en mode Plan : décrivez votre catalogue de douze produits nécessitant chacun un visuel d'espace réservé dans une charte homogène, et laissez Cline structurer la boucle avant d'effectuer la moindre modification. Le mode Act exécute ensuite le plan.

La charte graphique repose sur une clause descriptive constante, répétée à chaque appel en modifiant uniquement le sujet. La cohérence de la série découle de cette partie invariante du prompt, et non d'une mémoire contextuelle du modèle d'une minute à l'autre :

→ generate_image {"prompt": "A photorealistic overhead product shot of a
   small monstera in a matte terracotta pot on a pale linen backdrop, soft
   diffused window light from the left, 50mm lens, subtle natural shadow,
   generous empty space around the subject, no text",
   "model": "nano-banana-pro", "aspect_ratio": "4:5"}
← {"job_id": "…", "status": "processing", "cost_charged_usd": 0.11,
   "balance_remaining_usd": 1110.65}

Deuxième produit, avec la même base stylistique mais une plante et un angle différents :

Douze images de ce type générées avec Nano Banana Pro reviennent à $1.32. Avec le modèle standard nano-banana-2-lite, le coût total tombe à $0.36, ce qui est amplement suffisant pour des maquettes destinées à être remplacées ultérieurement par un graphiste ; notre guide sur le modèle Lite détaille les limites de cette version économique. Pour cet article, Pro a été retenu car ces deux exemples sont présentés en pleine résolution.

La génération par lot est précisément la situation où des garde-fous sont indispensables. Deux mécanismes vous protègent. Chaque clé MCP peut recevoir un plafond journalier en dollars dans Profil → Clés API MCP : en cas de boucle imprévue, les dépenses s'arrêtent au montant fixé. Par ailleurs, les requêtes multi-images (number_of_images supérieur à 1) fonctionnent comme la vidéo : le premier appel renvoie un devis sans rien débiter tant que l'agent ne réitère pas la demande avec le paramètre confirm_cost.

La vidéo fonctionne depuis la même discussion, selon la même logique de confirmation. Un clip muet de 4 secondes en 720p sur Veo 3.1 Lite débute à $0.10, et Omni Flash coûte $0.10 par seconde avec audio systématique, soit $0.30 pour 3 secondes. Le rendu prend de 1 à 10 minutes : generate_video retournant immédiatement un identifiant de tâche, Cline peut continuer à éditer votre code et interroger get_result en arrière-plan.

Pièges et particularités de Cline à connaître

Cinq points essentiels classés par ordre d'importance pour votre temps de développement.

1. "type": "streamableHttp" s'écrit exactement ainsi sous peine d'échec silencieux. La documentation est catégorique : si ce champ est omis, le client bascule par défaut sur l'ancien transport sse par souci de rétrocompatibilité. L'ancien SSE implique que le client ouvre une requête GET en attente d'un flux d'événements. Notre endpoint fonctionnant en Streamable HTTP sans état, toute requête GET reçoit un code 405 Method Not Allowed (vérifié lors de la rédaction : curl -i https://bananabanana.pro/api/mcp renvoie 405). Dans Cline, cela se traduit par une connexion impossible sans message d'erreur explicite sur le champ manquant. L'écriture avec tiret streamable-http échoue de la même manière.

2. La clé est stockée en texte clair dans le fichier de configuration. Bien que la documentation de Cline conseille l'usage de variables d'environnement, l'interpolation de variables dans l'objet headers des serveurs distants n'est pas documentée, contrairement à la syntaxe ${env:…} de Cursor ou ${file:…} de Windsurf. L'avantage réside dans l'emplacement : les paramètres sont conservés dans le stockage global de VS Code et non dans votre dépôt de code, éliminant tout risque de commit accidentel dans git. Considérez-la néanmoins comme un secret local : définissez un plafond journalier et révoquez la clé depuis votre profil dès qu'une machine change de mains.

3. Le réglage Auto Approve est plus global qu'il n'y paraît. Dans le panneau Auto Approve de Cline, l'option « Use MCP servers » est un bouton unique couvrant tous les outils MCP : l'activer valide aussi bien les actions gratuites que payantes. Le contrôle fin s'effectue dans le JSON via le tableau autoApprove du serveur. Ma recommandation est d'y inscrire les trois fonctions gratuites (list_models, get_account, get_result), ce qui supprime les interruptions inutiles tout en conservant une demande de validation pour chaque génération payante.

4. Le mode YOLO avec des outils payants exige de la vigilance. Le mode YOLO de Cline valide automatiquement l'ensemble des opérations : modifications de fichiers, commandes terminal, navigation web et outils MCP. La documentation le signale à juste titre comme risqué. Notre étape de confirmation tarifaire ne vous protège pas dans ce mode, car un agent autonome approuvera immédiatement le devis. Votre seule protection efficace reste le plafond journalier de la clé. Configurez-le impérativement avant d'activer le mode YOLO.

5. Il n'y a pas d'installation via un catalogue et les organisations ont leur propre canal. L'extension VS Code basée sur le SDK officiel ne dispose plus d'une interface de navigation MCP Marketplace : la modification manuelle du JSON est la règle générale. Les administrateurs disposent en revanche du paramètre remoteMCPServers dans la configuration distante de leur organisation pour déployer automatiquement le serveur, complété par blockPersonalRemoteMCPServers pour interdire les ajouts individuels. En équipe, privilégiez un déploiement centralisé avec une clé dédiée par collaborateur.

Mentionnons en toute transparence une limite actuelle de notre service : generate_speech renvoie un lien signé vers un fichier WAV plutôt qu'un lecteur intégré dans le panneau de Cline, ce qui nécessite d'ouvrir le fichier pour l'écouter. Les images s'affichent quant à elles sous forme de vignette directement à côté du lien. Cline prenant en charge les images dans les retours d'outils depuis 2025, le rendu visuel fonctionne parfaitement sur toutes les versions récentes.

Cline prend-il en charge l'authentification OAuth pour les serveurs MCP ?

Pas de manière documentée à l'heure actuelle, et il est important de le préciser car le support varie selon les clients. La documentation de Cline couvre stdio, SSE et Streamable HTTP, avec une authentification passant par des en-têtes personnalisés. OAuth n'y figure pas. Une demande d'intégration d'OAuth est ouverte sur le dépôt GitHub de Cline depuis août 2025 et reste d'actualité au 20 août 2026.

En pratique, ce n'est pas un obstacle. Notre serveur accepte aussi bien les jetons OAuth 2.1 que les clés d'API Bearer standard, format pour lequel Cline est précisément conçu. C'est d'ailleurs l'option que je préconise : la création de clés est gratuite, vous pouvez en générer plusieurs, et chacune dispose de son propre historique d'utilisation (outil, modèle, coût, aperçu du prompt) ainsi que de son plafond de dépenses journalier. Lorsqu'un prestataire termine sa mission, vous révoquez sa clé sans impacter le reste de votre équipe.

Pour isoler vos budgets, créez une clé distincte par projet. Le journal d'utilisation vous permettra d'identifier précisément les coûts liés au développement d'un tableau de bord interne par rapport à ceux du site marketing au moment de la facturation.

Quel a été le coût des illustrations de cet article ?

Les tarifs appliqués sont les prix standards par génération, identiques à ceux retournés par list_models :

Précision utile lors de vos recharges : les versements à partir de $50 bénéficient d'un bonus de +5% sur le solde, dès $100 de +10%, et un code promo actif ajoute encore +10% supplémentaires. Ces bonus étant calculés sur le montant de base, un dépôt de $100 avec code promo crédite $120.

La même clé est utilisable dans tous vos autres environnements de développement : avec Cursor ou VS Code, vous conservez le même solde, le même historique et le même endpoint. Consultez notre guide pour Cursor et la configuration pour VS Code. Créez votre clé et laissez Cline générer votre première série d'images.

FAQ

Cline est-il compatible avec les serveurs MCP distants via Streamable HTTP ?

Oui, et c'est le mode de transport recommandé par la documentation officielle de Cline. Un serveur distant se configure à l'aide d'une url, d'un type défini sur streamableHttp et d'un objet headers optionnel pour l'authentification. L'ancien transport SSE reste disponible pour les anciens serveurs. Définissez toujours le champ type explicitement : son absence entraîne un repli sur SSE, incompatible avec un endpoint moderne sans état. Vérifié d'après la documentation officielle au 20 août 2026.

Où se trouve le fichier de configuration MCP de Cline ?

À deux endroits selon votre mode d'utilisation. L'extension VS Code le stocke dans le stockage global de l'éditeur, sous le dossier nommé d'après l'identifiant saoudrizwan.claude-dev ; le moyen le plus simple d'y accéder est de cliquer sur Configure MCP Servers dans l'onglet Configure du panneau MCP. La CLI utilise le chemin ~/.cline/mcp.json. Les deux fichiers utilisent la même structure mcpServers.

Faut-il posséder un compte Cloud personnel pour générer des images dans Cline ?

Non. Un serveur MCP local exige une clé API fournisseur avec une gestion de compte et de facturation distincte. Le serveur distant exécute les générations sur notre infrastructure : la seule clé nécessaire est votre identifiant bb_live_ disponible dans votre profil. Chaque nouveau compte bénéficie de $0.20 de solde d'essai, suffisant pour créer six images sur le modèle de base sans paiement préalable.

Comment éviter les dépenses excessives d'un agent autonome ?

Combinez les trois niveaux de protection disponibles. Réservez l'option autoApprove aux seuls outils gratuits afin que chaque génération d'image ou de vidéo nécessite votre accord. Définissez un plafond journalier en dollars dans Profil → Clés API MCP, qui reste actif même si vous enclenchez le mode YOLO. Enfin, comptez sur la double validation tarifaire : les requêtes vidéo et multi-images renvoient d'abord une estimation et ne débitent rien tant que l'agent ne confirme pas la demande avec le paramètre confirm_cost.

Pourquoi mon serveur MCP Cline ne parvient-il pas à se connecter ?

Vérifiez les points suivants dans l'ordre. Assurez-vous que "type": "streamableHttp" est présent et écrit exactement en camelCase (sinon Cline tente une connexion SSE et reçoit un code 405 sur la requête GET). Vérifiez que l'URL se termine bien par /api/mcp et non /mcp. Contrôlez que l'en-tête est formaté en Bearer bb_live_... sans espace superflu (une clé invalide renvoie une erreur 401). Si la connexion s'établit mais que les outils n'apparaissent pas, redémarrez le serveur depuis le panneau MCP. En entreprise, vérifiez si l'ajout de serveurs distants personnels n'est pas restreint par votre organisation.