You connect Claude Code to your browser through Playwright MCP. From that point on, Claude can operate any website the way you would: click, type, upload files.
The flow: you hand Claude a reference image and tell it what your post is about. Claude reads the style from the reference (composition, color values, lighting), builds a dedicated image prompt for each blog post and then takes over the browser: open Pollo AI, upload the reference image, paste the prompt, start the generation. One image per post, all in the look of your reference.
| Tool | Role | Cost |
|---|---|---|
| Claude Code | Runs the whole workflow: writes the prompts and operates the browser | Paid (Claude subscription) |
| Playwright MCP | Gives Claude full control over your browser | Free |
| Pollo AI | The platform where the images get generated | Requires credits |
Open your terminal (Mac: ⌘ + space, type "Terminal". Windows: PowerShell) and run:
claude --version
If you see a version number, you are good to go. If not, install Claude Code first via claude.com/claude-code.
The most important step, a single command:
claude mcp add playwright npx @playwright/mcp@latest
Hit enter, done. From this moment on, Claude can control your browser.
If you get an error, check Node.js first:
node --version
No version number? Grab the LTS release from nodejs.org, install it and repeat the command above.
Open pollo.ai in your browser and log in before you start Claude. A login screen in the middle of the run interrupts the automation. Also check your balance, every generation costs credits.
Start Claude Code in your terminal:
claude
Then give it the job. My prompt for a single blog image:
Analyze the reference image at [PATH TO IMAGE].
Extract composition, color values, style and lighting.
Then read my blog post [LINK OR FILE] and build an image prompt
that fits the topic and stays exactly in the style of the reference.
Then open Pollo AI, upload the reference image, paste the prompt
and start the generation.
Once the single run works, you scale with the same pattern:
Analyze the reference image at [PATH TO IMAGE]:
composition, color values, style, lighting.
Create a dedicated image prompt in the style of the reference
for each of the following blog posts:
1. [TITLE OR LINK BLOG POST 1]
2. [TITLE OR LINK BLOG POST 2]
3. [TITLE OR LINK BLOG POST 3]
Then open Pollo AI and generate the images one after another:
upload the reference image, paste the prompt, start the generation.
While Claude works: hands off the machine. Moving the mouse, typing or switching tabs can interrupt Playwright. Kick off the workflow, get a coffee, collect the results.
The same setup works for anything built from a reference plus a prompt:
And if you want to go deeper into browser automation with Claude Code (screenshots, tests, full render pipelines): Claude Code + Playwright.
No spam, unsubscribe at any time
