u/Prior_Tax_7020

hey so basically agents are decent at shipping ui now but the whole visual part still falls apart coz they either use some tiny built in image model or they ask u for an openai api key or any image generating api key and then burn credits

so i built image-gen which is an mcp that just borrows the chatgpt session u already have logged into and generates the actual pngs into ur project folder and then the agent can wire them into the site

( regardless u have paid chatgpt acc or not doesnt matter , soon will do for gemini too but gemini image generation is ass + it has watermark so no real point to it )

How it works under

• playwright attaches to edge over cdp on a dedicated auth profile (not ur daily browser)
• u login once with npm run login and it saves the session
• agent calls generate_image with a prompt + output path
• it types into chatgpt waits for the image downloads the png and drops it in assets/
• jobs are queued so parallel calls dont smash into the same chat and turn into garbage text

Stuff Used in This

• node + playwright-core
• mcp sdk (works in cursor / claude code / whatever talks mcp)
• chatgpt in edge (free or plus whatever u already pay for)
• no openai images api key :D

the demo in the video is a clean ecommerce landing called antroper ( made it for sake of demo )

first its a proper html css js site with svg product art which is what u normally ship when u dont have photos ( or it uses random images from online links )

then the agent hits the mcp generates hero + product shots + atelier banner and rewires the page so it actually looks like a real storefront

the whole point is not "ai makes websites" its that the missing piece for vibe coded UIs is usually assets and this is a way to unblock that without a separate image subscription

works with claude code , cursor , codex any agentic platform which can use mcp

repo ( star it if u find this helpful or submit issues if u find any thanks for reading :D )

https://github.com/nothariharan/image-gen

if u try it run npm run login once first and leave that auth profile alone after that it mostly just works

happy to answer how the queue / session stuff works if anyone is building similar browser mcp tools

been living in claude a lot and my history got messy fast especially when i also hop to chatgpt and gemini ( or if i js have lots of projects )

so i built tecora -> a local browser extension that keeps those chats in one library. folders tags search export conversations ( WITH THE ARTIFACTS / IMAGES / FILES ) . no account no backend nothing leaves the device

used gpt/claude to build this a lot mainly to make sure it doesnt break any TOS and stuff lol

what does it do?

• side panel library so youre not stuck scrolling the native history
• ctrl/cmd+k search across chats
• usage awareness when claude exposes it (windows / reset vibes) plus local activity estimates so you have a sense of how hard youve been hitting it. not claiming magic hidden quota numbers just making whats already there easier to see
• export when you want a real archive instead of hoping the tab stays forever

it does hv drawbacks specifically:

• chrome load unpacked only for now not on the web store
• gemini capture is weaker than claude/chatgpt ( the ui is quite hard to manip along side claude and gpt )
• usage is best effort. local counts are estimates. live quota only when the platform actually gives it

repoi need feedback before i release this as a fully fletched extension

https://github.com/nothariharan/Tecora

release zip if you wanna try without building

https://github.com/nothariharan/Tecora/releases/tag/v0.1.0

curious what yall think especially if youre a heavy claude tab / browser person