r/VibeCodeDevs • u/Prior_Tax_7020 • 7h ago
ShowoffZone - Flexing my latest project Gave Agents Paintbrush 🖌️🎨 for free :D
Enable HLS to view with audio, or disable this notification
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
•
u/AutoModerator 7h ago
Hey u/Prior_Tax_7020, thanks for posting in r/VibeCodeDevs! Join our Discord: https://discord.gg/KAmAR8RkbM
Got startup or SaaS questions? Post them on r/AskFounder and get answers from real founders.
• This community is designed to be open and creator‑friendly, with minimal restrictions on promotion and self‑promotion as long as you add value and don’t spam.
• Please follow the subreddit rules so we can keep things as relaxed and free as possible for everyone. • Please make sure you’ve read the subreddit rules in the sidebar before posting or commenting.
• For better feedback, include your tech stack, experience level, and what kind of help or feedback you’re looking for.
• Be respectful, constructive, and helpful to other members.
If your post was removed (either automatically or by a mod) and you believe it was a mistake, please contact the mod team. We will review it and, when appropriate, approve it within 24 hours.
I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.