Cline MCP-Server: Bilder direkt aus dem Editor generieren

Ein Remote-MCP-Server in Cline ist ein gehostetes Set von Tools, die der Agent über HTTP aufruft: Du fügst einen Block in die JSON-Datei mit den MCP-Einstellungen ein, und Cline kann Dinge, die kein Sprachmodell allein schafft. Eine Bilddatei generieren ist das deutlichste Beispiel. Cline refaktoriert deine Komponenten, lässt die Tests laufen und schreibt die Migration – und bleibt dann genau bei „und hier kommt das Produktfoto hin“ stehen.

Das komplette Setup für Ungeduldige. Erstelle einen Schlüssel in deinem BananaBanana-Profil, öffne die MCP-Einstellungen von Cline und füge hinzu:

{
  "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"]
    }
  }
}

Zehn Tools tauchen auf, Bilder kosten ab $0.03 pro Stück vom vorausbezahlten Guthaben, Videos ab $0.10. Die type-Zeile ist nicht optional, und der Grund dafür ist ein wirklich fieser Fehler, zu dem ich gleich komme.

Warum einen Bildgenerator in Cline einbauen?

Cline funktioniert nach dem Prinzip „beschreib das Ergebnis, lass den Agenten die Durchläufe machen“. Das klappt genau so lange, bis zum Ergebnis ein Bild gehört. Dann reißt die Schleife ab und du machst Handarbeit: Browser-Tab, Prompt, Download, umbenennen, nach public/ verschieben, zurückkommen, wieder reinfinden. Fünf Minuten pro Asset, und die Unterbrechung kostet mehr als diese fünf Minuten.

Mit einem MCP-Tool fährt der Agent die Schleife selbst. Er schreibt den Prompt, ruft generate_image auf, holt die fertige Datei in den Ordner, den du genannt hast, und passt das Markup an. Was du prüfst, ist ein Diff.

Auch die Rechnung passt zum Cline-Publikum. Cline ist Bring-your-own-Model, wer es nutzt, zahlt also ohnehin pro Einheit statt pro Monat – und Generierungen werden genauso abgerechnet. Kein Tarif, kein Seat, kein monatliches Minimum. Bilder ab $0.03, Videos ab $0.10, vom Guthaben, das du auflädst, wann du willst.

Die Alternative ist ein lokaler MCP-Server für Bilder: ein Node- oder Python-Prozess auf deinem Rechner plus ein eigener API-Schlüssel beim Upstream-Anbieter, mit Quoten und Abrechnung auf deinem Konto. Ein gehosteter Endpunkt nimmt dir beides ab. Generiert wird bei uns, auf derselben Pipeline wie im Web-Generator, und dein einziger Zugangsschlüssel ist ein widerrufbarer String.

Wie fügt man in Cline einen Remote-MCP-Server hinzu?

Drei Wege, gleiches Ergebnis. Die Details unten sind am 20. August 2026 mit der offiziellen Cline-MCP-Doku abgeglichen.

Über die Oberfläche. Klick in der Toolbar des Cline-Panels auf das Symbol MCP Servers, öffne den Tab Remote Servers, trag einen Servernamen und die URL https://bananabanana.pro/api/mcp ein und wähle als Transport Streamable HTTP. Klick auf Add Server. Danach gehst du zurück und ergänzt den Authorization-Header – das Formular ist der schnellste Einstieg, aber die Zugangsdaten gehören ins JSON.

Per JSON-Bearbeitung. Gleiches Symbol, Tab Configure, dann der Button Configure MCP Servers, der die Einstellungsdatei der Erweiterung öffnet. Diese Datei liegt im globalen Speicher von VS Code, in einem Ordner namens saoudrizwan.claude-dev (die Extension-ID trägt noch den Publisher-Namen des ursprünglichen Autors, was Leute verwirrt, die nach etwas namens „cline“ suchen). In der CLI ist es einfach ~/.cline/mcp.json, und cline mcp öffnet einen interaktiven Assistenten, der dieselben Felder abfragt.

Aus dem Terminal. cline config mcp --json gibt aus, was tatsächlich geladen ist – der schnellste Weg, um zu prüfen, ob deine Änderung gegriffen hat.

Egal welcher Weg: Der Endpunkt ist https://bananabanana.pro/api/mcp. Nicht /mcp, das ist die Dokumentationsseite für Menschen und liefert jedem, der einen POST dorthin schickt, HTML zurück. Auf unserer MCP-Server-Seite stehen das allgemeine Snippet und eine Kompatibilitätstabelle für die Clients, die wir geprüft haben:

Mach einen Smoke-Test mit einem kostenlosen Aufruf, bevor du etwas ausgibst. get_account liefert dein Guthaben, den Namen des Schlüssels und sein Tageslimit; list_models liefert alle Modelle mit aktuellen Preisen. Beide kosten nichts und beweisen in etwa einer Sekunde, dass die Authentifizierung funktioniert.

Anwendungsfall: ein Batch aus Katalog-Platzhaltern im Act-Modus

Hier verdient sich Cline sein Geld, und das ist eine andere Aufgabe als „mach mir ein Hero-Bild“. Zuerst der Plan-Modus: Beschreib den Katalog – zwölf Produkte, jedes braucht ein Platzhalterfoto im selben Hausstil – und lass Cline die Schleife entwerfen, bevor irgendetwas angefasst wird. Der Act-Modus führt sie dann aus.

Der Hausstil ist ein Satzteil, der bei jedem Aufruf wiederverwendet wird; nur das Motiv wechselt. Konsistenz über ein Set entsteht durch den unveränderlichen Teil des Prompts, nicht dadurch, dass sich das Modell erinnert, was es vor einer Minute gemacht hat:

→ 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}

Zweites Produkt, gleicher Stil-Satzteil, andere Pflanze und anderer Blickwinkel:

Zwölf davon auf Nano Banana Pro kosten $1.32. Mit dem Standardmodell nano-banana-2-lite sind es $0.36, und für Füllbilder im Raster, die eine Designerin sowieso ersetzt, würde ich genau so entscheiden; unser Lite-Guide zeigt, wo das günstige Modell an seine Grenzen kommt. Ich habe hier Pro genommen, weil diese beiden Bilder auf dieser Seite in voller Größe erscheinen.

Ein Batch ist außerdem genau die Situation, in der du einen Sicherheitsgurt willst. Davon gibt es zwei. Jeder MCP-Schlüssel bekommt unter Profil → MCP-API-Schlüssel ein optionales Tageslimit in USD, sodass eine aus dem Ruder gelaufene Schleife bei einer Zahl stoppt, die du festgelegt hast, und nicht erst bei deinem Guthaben. Und Aufrufe mit mehreren Bildern (number_of_images größer als 1) verhalten sich wie Video: Der erste Aufruf liefert ein Angebot und berechnet nichts, bis der Agent ihn mit confirm_cost wiederholt.

Video läuft aus demselben Chat, mit derselben Bestätigungsregel. Veo 3.1 Lite in 720p ohne Ton startet bei $0.10 für vier Sekunden, Omni Flash kostet $0.10 pro Sekunde mit immer eingeschaltetem Ton, ein Drei-Sekunden-Clip also $0.30. Das Rendern dauert eine bis zehn Minuten, und weil generate_video sofort eine Job-ID zurückgibt, arbeitet Cline an deinem Code weiter und fragt get_result ab, wenn es so weit ist.

Cline-Macken, die du vor dem Ausrollen kennen solltest

Fünf Stück, grob danach sortiert, wie viel Zeit sie dich kosten.

1. "type": "streamableHttp" wird genau so geschrieben, und wer es weglässt, bekommt einen stillen Fehler. Die Doku sagt es unverblümt: Fehlt das Feld, fällt Cline aus Gründen der Abwärtskompatibilität auf den Legacy-Transport sse zurück. Legacy-SSE heißt: Der Client schickt einen GET an deine URL und wartet auf einen Event-Stream. Unser Endpunkt ist zustandsloses Streamable HTTP, ein GET bekommt also 405 Method Not Allowed (beim Schreiben habe ich es noch einmal geprüft: curl -i https://bananabanana.pro/api/mcp liefert 405). In Cline siehst du dann einen Server, der sich nicht verbindet, mit einer Fehlermeldung, die kein Wort über ein fehlendes Config-Feld verliert. Mit Bindestrich, also streamable-http, scheitert es genauso.

2. Der Schlüssel steht im Klartext in dieser Datei. Die Cline-Doku empfiehlt, Secrets in Umgebungsvariablen zu halten, aber Variablen-Interpolation im Remote-headers-Objekt ist keine dokumentierte Funktion – anders als ${env:…} bei Cursor oder ${file:…} bei Windsurf. Was rettet, ist der Ablageort: Die Einstellungsdatei der Erweiterung liegt im globalen Speicher von VS Code, nicht in deinem Repo, du wirst sie also realistisch nicht versehentlich committen. Trotzdem: Behandle sie wie Zugangsdaten auf der Platte. Gib dem Schlüssel ein Tageslimit und widerrufe ihn auf der Profilseite, sobald ein Rechner deine Hände verlässt.

3. Auto Approve ist gröber, als du denkst. Im Auto-Approve-Panel von Cline ist „Use MCP servers“ ein einziger Schalter für MCP-Tools als Kategorie. Schaltest du ihn ein, genehmigst du die Tools, die Geld kosten, gleich mit denen, die nichts kosten. Die Steuerung pro Tool steckt stattdessen in der Config, im Array autoApprove des Servers. Auf meiner Allowlist stehen die drei kostenlosen Aufrufe (list_models, get_account, get_result) und sonst nichts. Das beendet die Bestätigungsmüdigkeit während eines Batches, und jedes Rendern hält trotzdem an und fragt nach.

4. YOLO-Modus plus kostenpflichtige Tools verdient einen Moment Nachdenken. Der YOLO-Modus von Cline genehmigt alles automatisch: Dateiänderungen, Terminal-Befehle, Browser-Aktionen, MCP-Tools. Die Doku nennt ihn aus gutem Grund gefährlich. Unser Schritt zur Kostenbestätigung rettet dich hier nicht, denn ein voll autonomer Agent genehmigt fröhlich beide Hälften des Handshakes aus Angebot und Bestätigung. Was dich rettet, ist das Tageslimit pro Schlüssel. Setz es, bevor du YOLO einschaltest, nicht danach.

5. Es gibt dafür keine Marketplace-Installation, und Enterprise-Steuerung hat ihren eigenen Weg. Cline bietet in der SDK-basierten VS-Code-Erweiterung keine MCP-Marketplace-Oberfläche zum Stöbern und Installieren mehr an, manuelles JSON ist also für alle der Weg. Admins bekommen einen anderen Hebel: remoteMCPServers in der Remote-Konfiguration der Organisation verteilt einen vorkonfigurierten Remote-Server an alle Nutzer, und blockPersonalRemoteMCPServers verhindert, dass Leute eigene hinzufügen. Wenn du das für ein Team ausrollst, verteil es zentral und gib jedem Entwickler einen eigenen Schlüssel.

Eine ehrliche Einschränkung auf unserer Seite, wenn wir schon Ecken und Kanten aufzählen: generate_speech liefert eine WAV-Datei als signierten Link und nicht als etwas, das Cline im Panel abspielen kann – Audio heißt also, die Datei zu öffnen. Bilder kommen mit einer kleinen Inline-Vorschau neben der URL zurück, das ist das nützlichere der beiden Verhalten. Cline unterstützt Bildinhalte in Tool-Ergebnissen seit 2025, auf jedem aktuellen Build wird die Vorschau also angezeigt.

Unterstützt Cline OAuth für Remote-MCP-Server?

Nicht auf dokumentierte Weise, nein – und das sollte man klar sagen, weil die Antwort je nach Client anders ausfällt. Die MCP-Doku von Cline behandelt stdio, SSE und Streamable HTTP, Authentifizierung wird dort als Header beschrieben, die du selbst mitgibst. OAuth kommt nicht vor. Ein Feature Request für OAuth-Anpassung ist seit August 2025 im Cline-Repo offen und war es am 20. August 2026 immer noch.

Praktisch ist das hier kein Problem. Unser Server akzeptiert entweder einen OAuth-2.1-Token oder einen Bearer-API-Schlüssel, und der Schlüssel-Weg ist genau der, für den Cline gebaut ist. Ich würde ihn ohnehin wählen: Schlüssel kosten nichts, du kannst mehrere haben, und jeder hat sein eigenes Nutzungsprotokoll (Tool, Modell, Kosten, Prompt-Vorschau) plus das erwähnte Tageslimit. Wenn der Laptop eines Freelancers weg ist, widerrufst du einen Schlüssel, und bei allen anderen merkt das Setup nichts davon.

Wenn du Projekte voneinander trennen willst, leg pro Projekt einen Schlüssel an statt einen für alles. Das Nutzungsprotokoll zeigt dir dann, was die Arbeit am „internen Dashboard“ tatsächlich gekostet hat und was die Marketing-Website – eine Frage, die genau dann aufkommt, wenn es an die Rechnungsstellung geht.

Was haben die Demo-Medien dieses Artikels gekostet?

Standardpreise pro Generierung, dieselben Zahlen, die list_models dem Agenten liefert:

Gut zu wissen, wenn du auflädst statt nur zu testen: Einzahlungen ab $50 bringen 5 % extra aufs Guthaben, ab $100 sind es 10 %, und ein aktiver Promo-Code legt noch einmal 10 % der Einzahlung obendrauf. Beides wird von derselben Basis berechnet, $100 mit Code ergeben also $120 Guthaben.

Derselbe Schlüssel funktioniert in jedem anderen Client. Wenn du also auch Cursor oder VS Code nutzt, muss nichts Neues angelegt werden: gleiches Guthaben, gleicher Verlauf, ein Endpunkt. Der Cursor-Guide und das VS-Code-Setup decken diese beiden ab, und die Anwendungsfälle lassen sich fast unverändert übertragen. Erstell einen Schlüssel und bitte Cline um den ersten Batch.

FAQ

Unterstützt Cline Remote-MCP-Server über Streamable HTTP?

Ja, und laut der Cline-Doku ist das sogar der empfohlene Transport. Ein Remote-Server besteht aus einer url, einem type mit dem Wert streamableHttp und einem optionalen headers-Objekt für die Authentifizierung; Legacy-SSE gibt es für ältere Server weiterhin. Setz type explizit: Fehlt es, fällt Cline aus Kompatibilitätsgründen auf SSE zurück, und das scheitert an einem modernen, zustandslosen Endpunkt. Am 20. August 2026 mit der offiziellen Dokumentation abgeglichen.

Wo liegt die MCP-Einstellungsdatei von Cline?

Je nachdem, wie du Cline nutzt, an zwei Orten. Die VS-Code-Erweiterung speichert sie im globalen Speicher von VS Code, in einem Ordner, der nach der Extension-ID saoudrizwan.claude-dev benannt ist. Am zuverlässigsten öffnest du sie über den Button Configure MCP Servers im Tab Configure des MCP-Panels, statt dich durch Verzeichnisse zu hangeln. Die CLI nutzt ~/.cline/mcp.json. Beide erwarten dasselbe mcpServers-Objekt.

Brauche ich ein eigenes Cloud-Konto, um in Cline Bilder zu generieren?

Nein. Ein lokal laufender MCP-Server für Bilder braucht einen API-Schlüssel beim Upstream-Anbieter mit Quoten und Abrechnung auf deinem Konto. Der Remote-Server generiert über unseren verwalteten Schlüssel-Pool, die einzigen Zugangsdaten, mit denen du hantierst, sind also der bb_live_-Schlüssel aus deinem Profil. Neue Konten starten mit $0.20 Startguthaben, das reicht für sechs Bilder mit dem günstigsten Modell, bevor du irgendetwas bezahlst.

Wie verhindere ich, dass ein Agent zu viel Geld ausgibt?

Drei Stellschrauben, und ich würde alle drei nutzen. Beschränk autoApprove auf die kostenlosen Tools, damit jedes Rendern vorher nachfragt. Setz unter Profil → MCP-API-Schlüssel ein Tageslimit in USD für den Schlüssel – das ist die einzige Sperre, die auch im YOLO-Modus noch greift. Und lass den Schritt zur Kostenbestätigung seine Arbeit tun: Video und Aufrufe mit mehreren Bildern liefern beim ersten Aufruf ein Angebot und berechnen nichts, bis der Agent den Aufruf mit confirm_cost auf den angebotenen Betrag wiederholt.

Warum verbindet sich mein MCP-Server in Cline nicht?

Prüf in dieser Reihenfolge. Ist "type": "streamableHttp" vorhanden und in camelCase geschrieben? Ohne das versucht Cline Legacy-SSE, und unser Endpunkt beantwortet den GET mit 405. Endet die URL auf /api/mcp und nicht auf /mcp? Lautet der Authorization-Header exakt Bearer bb_live_..., ohne überflüssige Leerzeichen? Ein falscher oder widerrufener Schlüssel liefert 401. Wenn die Verbindung steht, aber Tools fehlen, starte den Server im MCP-Panel neu; bist du in einem Enterprise-Tarif, blockiert womöglich die Konfiguration deiner Organisation persönliche Remote-Server.