Du verbindest Claude Code über Playwright MCP mit deinem Browser. Ab dann kann Claude jede Webseite bedienen wie du selbst: klicken, tippen, Dateien hochladen.
Der Ablauf: Du gibst Claude ein Referenzbild und sagst ihm, worum es in deinem Beitrag geht. Claude liest den Stil aus der Vorlage (Bildaufbau, Farbwerte, Licht) und baut daraus für jeden Blogpost einen eigenen Bildprompt. Dann übernimmt es den Browser: Pollo AI öffnen, Referenzbild hochladen, Prompt einfügen, Generierung starten. Ein Bild pro Beitrag, alle im Look der Vorlage.
| Tool | Funktion | Kosten |
|---|---|---|
| Claude Code | Steuert den gesamten Workflow: schreibt die Prompts und bedient den Browser | Kostenpflichtig (Claude-Abo) |
| Playwright MCP | Gibt Claude die volle Kontrolle über deinen Browser | Kostenlos |
| Pollo AI | Die Plattform, auf der die Bilder generiert werden | Credits nötig |
Öffne dein Terminal (Mac: ⌘ + Leertaste, „Terminal" tippen. Windows: PowerShell) und gib ein:
claude --version
Zeigt das Terminal eine Versionsnummer, bist du startklar. Falls nicht, installiere Claude Code zuerst über claude.com/claude-code.
Der wichtigste Schritt, ein einziger Befehl:
claude mcp add playwright npx @playwright/mcp@latest
Enter drücken, fertig. Ab diesem Moment kann Claude deinen Browser steuern.
Falls eine Fehlermeldung kommt, prüfe zuerst Node.js:
node --version
Keine Versionsnummer? Dann die LTS-Version von nodejs.org laden, installieren und den Befehl oben wiederholen.
Öffne pollo.ai im Browser und logg dich ein, bevor du Claude startest. Ein Login mitten im Ablauf unterbricht die Automation. Prüfe auch dein Guthaben, jede Generierung kostet Credits.
Starte Claude Code im Terminal:
claude
Dann gibst du ihm den Auftrag. Mein Prompt für ein einzelnes Blog-Bild:
Analysiere das Referenzbild unter [PFAD ZUM BILD].
Extrahiere Bildaufbau, Farbwerte, Stil und Licht.
Lies dann meinen Blogpost [LINK ODER DATEI] und baue daraus einen
Bildprompt, der zum Thema passt und exakt im Stil des Referenzbilds bleibt.
Öffne anschließend Pollo AI, lade das Referenzbild hoch, füge den
Prompt ein und starte die Generierung.
Sobald der Einzeldurchlauf sitzt, skalierst du mit demselben Muster:
Analysiere das Referenzbild unter [PFAD ZUM BILD]:
Bildaufbau, Farbwerte, Stil, Licht.
Erstelle für jeden der folgenden Blogposts einen eigenen Bildprompt
im Stil des Referenzbilds:
1. [TITEL ODER LINK BLOGPOST 1]
2. [TITEL ODER LINK BLOGPOST 2]
3. [TITEL ODER LINK BLOGPOST 3]
Öffne anschließend Pollo AI und generiere die Bilder nacheinander:
Referenzbild hochladen, Prompt einfügen, Generierung starten.
Während Claude arbeitet: Hände weg vom Rechner. Maus bewegen, tippen oder den Tab wechseln kann Playwright unterbrechen. Workflow starten, Kaffee holen, fertig abholen.
Der gleiche Aufbau funktioniert für alles, was aus Referenz plus Prompt entsteht:
Und wenn du tiefer in die Browser-Automatisierung mit Claude Code einsteigen willst (Screenshots, Tests, ganze Render-Pipelines): Claude Code + Playwright.
Kein Spam, jederzeit abbestellbar
