So erstellst du Bilder mit Claude Code (2026): 3 Methoden

Nein, Claude Code kann nicht von selbst Bilder generieren. Es ist ein terminalbasierter Coding-Agent, der für Code-Reasoning, Dateibearbeitung und Shell-Ausführung gebaut wurde – nicht für Pixelgenerierung. Aber du hast drei praktikable Möglichkeiten, Bildgenerierung zu Claude Code hinzuzufügen: einen MCP-Server, eine Capability-Runtime-CLI oder eine direkte API-Integration.

Dieser Leitfaden führt dich durch alle drei Varianten – mit echten Befehlen und Ausgabe-Beispielen –, damit du den Ansatz wählen kannst, der zu deinem Workflow passt.

Kann Claude Code Bilder generieren? Die kurze Antwort

Claude Code (Anthropics terminalnativer KI-Coding-Agent) hat überhaupt keine eingebaute Bildgenerierung. Es kann die <Image>-Komponente schreiben, Lazy Loading einrichten und responsive Breakpoints optimieren – aber es kann nicht die eigentliche Bilddatei erzeugen.

Das ist kein Fehler. Claude Code ist darauf ausgelegt, bei Code zu glänzen – planen, refaktorieren, debuggen, ausliefern – und sonst nichts. Wenn deine Aufgabe innerhalb von .tsx- und .py-Dateien bleibt, ist Claude Code kaum zu schlagen. In dem Moment, in dem du ein Hero-Bild, ein Diagramm oder eine Social-Media-Grafik brauchst, stößt du an eine Grenze.

So sieht das in der Praxis aus:

Du: "Erstelle ein Hero-Bild für unsere SaaS-Landingpage."

Claude Code: Ich kann keine Bilder generieren.
Ich kann das HTML/CSS für den Hero-Bereich und Platzhalter-
Komponenten schreiben. Das Bild musst du separat beschaffen.

Dieser Leitfaden zeigt dir, wie du diese Lücke schließt.

Warum Bildgenerierung für Claude-Code-Nutzer wichtig ist

Wenn du Claude Code nur für Bugfixes und Boilerplate nutzt, ist Bildgenerierung nicht entscheidend. Aber die produktivsten Claude-Code-Workflows bestehen darin, vollständige Features Ende-zu-Ende auszuliefern – und vollständige Features brauchen visuelle Assets:

• Landingpages brauchen Hero-Bilder, Logos und Bereichsillustrationen
• Dokumentationen brauchen Diagramme, Architekturvisualisierungen und Screenshots
• Social-Media-Launches brauchen Grafiken, Banner und Thumbnail-Bilder
• UI-Prototypen brauchen Mockup-Bilder, um Designabsichten zu zeigen
• Marketing-Websites brauchen Produktbilder, Vergleichsgrafiken und Icon-Sets

Ohne Bildgenerierung zwingt dich jede dieser Aufgaben aus dem Terminal heraus – und unterbricht den autonomen Agenten-Workflow, der Claude Code so stark macht.

Methode 1: MCP-Server (Replicate, Fal.ai oder Bannerbear)

Am besten für: Teams, die bereits MCP-Server nutzen, und Entwickler, die Kontrolle auf Modellebene wollen.

Das Model Context Protocol (MCP) ist der Standardweg, um externe Tools mit Claude Code zu verbinden. Mehrere MCP-Server stellen Bildgenerierungsmodelle als Tools für Claude Code bereit:

Option A: Replicate MCP Server

Replicate hostet Open-Source-Bildmodelle (Stable Diffusion, FLUX, SDXL) hinter einer API. Deren MCP-Server stellt diese Modelle als Claude-Code-Tools bereit.

Einrichtung:

# Install the Replicate MCP server
claude mcp add replicate -- npx -y @replicate/mcp-server \
  --env REPLICATE_API_TOKEN=r8_your_token_here

Nutzung aus Claude Code:

Du: "Erzeuge mit dem Replicate-Tool ein Bild:
      ein modernes SaaS-Dashboard mit Dark Mode, blauen Akzenten,
      unter Verwendung des Modells black-forest-labs/flux-schnell."

Claude Code: [ruft das Replicate-MCP-Tool auf]
  Generiertes Bild: output.png (1024x1024)

Vorteile:

• Zugriff auf Open-Source-Modelle (FLUX, SDXL)
• Nutzungsbasierte Abrechnung ohne monatliche Bindung
• Aktive Community pflegt den MCP-Server

Nachteile:

• Etwa 15 Minuten Einrichtungszeit (Replicate-Konto anlegen, API-Key holen, MCP konfigurieren)
• Etwa 6.000 Token Overhead im Kontext von Claude Code allein für Tool-Beschreibungen
• Die Modellauswahl liegt bei dir – du musst wissen, welche Modell-ID du verwenden sollst
• Die Ausgabe ist eine rohe Bilddatei – keine CDN-URL, sofern du nicht separat hochlädst

Option B: Fal.ai MCP Server

Fal.ai ist auf schnelle Inferenz für generative Modelle spezialisiert. Die Einrichtung ist ähnlich:

claude mcp add fal -- npx -y @fal-ai/mcp-server \
  --env FAL_KEY=your_fal_key_here

Abwägung: Schnellere Inferenz als bei Replicate, aber weniger Modelloptionen und kleinere Community.

Option C: Bannerbear MCP (für vorlagenbasierte Bilder)

Wenn du programmatische Bildgenerierung brauchst – Social-Media-Vorlagen, OG-Bilder, dynamische Banner –, ist der MCP-Server von Bannerbear genau dafür gemacht:

claude mcp add bannerbear -- npx -y @bannerbear/mcp-server \
  --env BANNERBEAR_API_KEY=your_key_here

Methode 2: AnyCap CLI (ein Befehl, keine Konfiguration)

Am besten für: Einzelentwickler und kleine Teams, die Bildgenerierung sofort wollen – nicht erst nach 15 Minuten MCP-Einrichtung.

AnyCap ist eine Capability Runtime, die Bildgenerierung, Video, Websuche und mehr hinter einer einzigen CLI bündelt. Claude Code ruft sie direkt aus dem Terminal auf – eine Installation, ein Befehl, ein Login.

Einrichtung (30 Sekunden)

# One command installs the skill and CLI
npx -y skills add anycap-ai/anycap -a claude-code -y
curl -fsSL https://anycap.ai/install.sh | sh
anycap login

Bilder aus Claude Code generieren

Nach der Installation kann Claude Code Bilder direkt über die anycap-CLI generieren:

Einfache Bildgenerierung:

anycap image generate \
  --model seedream-5 \
  --prompt "ein minimalistisches SaaS-Dashboard auf hellem Hintergrund, saubere UI, abgerundete Ecken, blauer Akzent" \
  -o dashboard-hero.png

Ausgabe:

Generating image with seedream-5...
Image saved to dashboard-hero.png (1024x1024, 487KB)
CDN URL: https://cdn.anycap.ai/v1/images/abc123/dashboard-hero.png

Die CDN-URL wird sofort zurückgegeben – kein separater Upload-Schritt, keine S3-Konfiguration. Claude Code kann sie direkt in HTML oder Markdown einbetten.

Fortgeschritten: Mehrere Varianten generieren:

anycap image generate \
  --model nano-banana-pro \
  --prompt "Entwickler arbeitet in einem dunklen Terminal, atmosphärisches lilafarbenes Licht, Weitwinkel" \
  --variants 3 \
  -o dev-terminal

Das erzeugt dev-terminal-1.png, dev-terminal-2.png und dev-terminal-3.png – drei Varianten zur Auswahl.

Bild-zu-Bild-Verfeinerung:

anycap image generate \
  --model seedream-5 \
  --prompt "gleiche Komposition, aber warmes oranges Licht statt blau" \
  --reference dashboard-hero.png \
  -o dashboard-hero-v2.png

Über AnyCap verfügbare Modelle

Claude Code muss keine Modell-IDs kennen – die Runtime wählt das beste Modell für den Prompt aus, wenn du keines angibst.

Vorteile:

• 2 Minuten Einrichtung – eine Installation, ein Login, ein Zugang
• Etwa 2.000 Token Overhead – statt etwa 24.000 für fünf separate MCP-Server
• Integriertes CDN – generierte Bilder erhalten automatisch öffentliche URLs
• Mehrere Modelle – wechsle zwischen Seedream 5, Nano Banana Pro und weiteren, ohne neu zu konfigurieren
• Ein Zugang für alles – derselbe Login deckt Bild, Video, Suche, Speicher und Publishing ab
• Nativ für Claude Code – Befehle laufen in deiner Terminal-Session, die Ausgabe ist strukturiertes JSON

Nachteile:

• Pay-as-you-go – kein fixer Monatstarif (startet mit 5 $ Gratisguthaben)
• Kuratiertes Modellangebot – du nutzt die Modelle, die AnyCap anbietet, nicht beliebige HuggingFace-Modelle
• Internet erforderlich – keine rein lokale Generierung

Methode 3: Direkte API-Integration (OpenAI, Stability AI)

Am besten für: Entwickler, die maximale Kontrolle brauchen und ihre eigene Integration selbst schreiben möchten.

Du kannst Claude Code Bildgenerierung geben, indem du ein Tool schreibst, das direkt eine Bild-API aufruft:

# tools/generate_image.py
import requests
import sys

API_KEY = "your-openai-api-key"

def generate(prompt: str, output_path: str = "output.png"):
    response = requests.post(
        "https://api.openai.com/v1/images/generations",
        headers={"Authorization": f"Bearer {API_KEY}"},
        json={"prompt": prompt, "n": 1, "size": "1024x1024"}
    )
    url = response.json()["data"][0]["url"]
    
    # Download the image
    img = requests.get(url)
    with open(output_path, "wb") as f:
        f.write(img.content)
    
    return output_path

if __name__ == "__main__":
    prompt = sys.argv[1]
    path = sys.argv[2] if len(sys.argv) > 2 else "output.png"
    result = generate(prompt, path)
    print(f"Image saved to {result}")

Registriere es dann per MCP als Claude-Code-Tool. So erhältst du volle Kontrolle über API, Modell und Ausgabeverarbeitung – auf Kosten davon, die Integration selbst zu schreiben und zu pflegen.

Vorteile:

• Volle Kontrolle bei der Modellauswahl
• Individuelle Fehlerbehandlung
• Keine externen Abhängigkeiten außer der API

Nachteile:

• Du schreibst und pflegst den Integrationscode selbst
• Manuelle Verwaltung der API-Schlüssel
• Kein integriertes CDN – Speicher und URLs musst du separat handhaben
• Das Ausgabeformat ist das, was die API zurückgibt

Vergleich: Welche Methode solltest du wählen?

Reeller Workflow: Ende-zu-Ende mit Claude Code + Bildgenerierung

So sieht ein kompletter Landingpage-Build mit integrierter Bildgenerierung aus:

Du: "Erstelle eine Landingpage für ein neues KI-Entwicklertool namens 'CodeLens'.
      Inklusive Hero-Bereich mit generiertem Bild, einem dreispaltigen
      Feature-Bereich und einer CTA."

Claude Code:
  1. Sucht im Web nach ähnlichen Landingpages für Entwicklertools (Websuche)
  2. Erstellt ein Next.js-Projekt mit Tailwind CSS
  3. Schreibt die Landingpage-Komponenten
  4. Ruft anycap image generate für ein Hero-Bild auf:
     "futuristisches Code-Analyse-Dashboard, Dark Theme,
      leuchtende Datenvisualisierung, Ästhetik eines Entwicklertools"
  5. Bettet die generierte CDN-URL in die `<Image>`-Komponente ein
  6. Generiert Feature-Icons für jeden Abschnitt
  7. Startet den Dev-Server zur Vorschau
  8. Committet und pusht zu GitHub

Du: "Deploye es."

Claude Code:
  Baut das Projekt, veröffentlicht die Seite und gibt die Live-URL zurück.

Eine Session. Ein Terminal. Null Tool-Wechsel. Das ist der Unterschied zwischen einem Coding-Assistenten und einem vollständigen Entwicklungsagenten.

FAQ

Kann Claude Code von selbst Bilder generieren?

Nein. Claude Code ist ein reiner Text-Coding-Agent. Es liest, schreibt und bearbeitet Code und Dateien. Es hat kein eingebautes Modell, keine Runtime und keine API für Bildgenerierung. Jede Bildgenerierung muss aus externen Tools kommen – MCP-Servern, einer Capability Runtime wie AnyCap oder direkten API-Aufrufen.

Warum kann Claude Code nicht einfach eine Bild-API aufrufen?

Doch – wenn du es einrichtest. Claude Code hat vollen Shell-Zugriff und kann curl-Befehle oder Python-Skripte ausführen. Die Herausforderung ist nicht, dass Claude Code am API-Aufruf gehindert wird, sondern dass das Einrichten des Tools, das Verwalten der API-Schlüssel und der Umgang mit Ausgabeformaten Konfiguration erfordern, die Claude Code nicht von selbst übernimmt. Die Methoden 1 und 2 oben automatisieren dieses Setup.

Plant Anthropic, Bildgenerierung zu Claude Code hinzuzufügen?

Anthropic hat keine Pläne angekündigt, Bildgenerierung zu Claude Code hinzuzufügen. Claude Code konzentriert sich auf Code-Reasoning und Terminalausführung. Bild-, Video- und Mediengenerierung liegen außerhalb seines Umfangs – deshalb gibt es externe Capability-Layer.

Was ist der günstigste Weg, Bilder aus Claude Code zu generieren?

AnyCap startet mit 5 $ Gratisguthaben, ohne dass eine Zahlung nötig ist, und rechnet nutzungsbasiert zu den Preisen der Modellanbieter ohne Aufschlag ab. Einzelne MCP-Server wie Replicate bieten ebenfalls Pay-per-Use-Preise. Für gelegentliche Nutzung – ein paar Bilder pro Session – kosten beide Ansätze nur Centbeträge pro Bild.

Kann ich Midjourney oder DALL-E aus Claude Code verwenden?

Direkt nicht – weder Midjourney noch DALL-E haben einen offiziellen MCP-Server oder eine CLI. Du kannst eine eigene Integration schreiben, die deren APIs aufruft (Methode 3), aber das erfordert, dass du dein eigenes Tool schreibst und wartest. AnyCaps kuratierte Modelle (Seedream 5, Nano Banana Pro) liefern vergleichbare Qualität ohne Integrationsaufwand.

Brauche ich eine GPU, um Bilder aus Claude Code zu generieren?

Nein. Alle drei Methoden nutzen Cloud-APIs – die Generierung erfolgt auf Remote-Servern, nicht auf deinem lokalen Rechner. Deine Terminal-Session sendet einen Prompt und erhält eine URL oder Datei zurück. Keine lokale GPU, keine Modelldownloads, keine Hardwareanforderungen außer einem Terminal.

Wie verwende ich das generierte Bild in meinem Projekt?

Bei Methode 2 (AnyCap CLI) wird das Bild lokal an dem von dir angegebenen Pfad gespeichert und in ein CDN hochgeladen. Claude Code kann die CDN-URL direkt einbetten:

<Image src="https://cdn.anycap.ai/v1/images/abc123/dashboard-hero.png"
       alt="Hero-Bild eines SaaS-Dashboards" width={1200} height={600} />

Bei Methode 1 (MCP) wird das Bild lokal gespeichert – wenn du öffentliche URLs brauchst, musst du CDN-Uploads separat handhaben.

Nächste Schritte

• Claude Code Tutorial: Von null zur ersten funktionierenden Session (2026) – vollständige Einrichtungsanleitung, CLAUDE.md-Konfiguration und AnyCap-Integration
• Claude Code Web Search Fix: 4 Lösungen – behebe Berechtigungsfehler und Suchprobleme in Claude Code
• Warum Claude Code Websuche für echte Workflows braucht – warum Live-Webzugriff für Coding-Agenten wichtig ist
• Warum Claude Code Bildgenerierung braucht – ein tieferer Blick auf die Bildlücke
• Claude Code Agent SDK Guide (2026) – Multi-Agent-Orchestrierung mit Claude
• Die besten Bildmodelle für KI-Agenten 2026 – Seedream 5, FLUX, Imagen 4 und Nano Banana Pro im Vergleich