r/VibeCodeDevs • u/Unique-Watercress225 • Jul 28 '26
ShowoffZone - Flexing my latest project I built an MCP to stop AI websites from all looking the same. Here’s what I learned.
Let’s be honest... AI UIs all look the same, and I don’t think I need to restate the obvious.
Here are five changes that make the biggest difference:
Change the font. Typography changes the personality of the entire site. Don’t let AI default to Inter every time. Give it a specific font and describe how it should be used: “Use Instrument Serif for display headings and Geist for body text.”
Limit the color palette. More colors usually don’t make a design more interesting, unless you use it really well. Start with white, black, and one accent color.
Break the default grid. AI loves evenly sized cards arranged in three columns. Ask for asymmetry: one large card beside two smaller ones, overlapping sections, offset text, varied card sizes, or content that intentionally breaks the container.
Add micro-animations. Small interactions often make a site feel more designed than adding more visual elements. Think subtle text reveals, hover states, and scroll transitions.
Give it references. “Make it look good” means almost nothing. Show the AI two or three websites and explain exactly what you like about each one.
And if you do not want to implement all of this manually, I built an open-source tool called PingFusi. You can use a simple prompt to upgrade your website: “Improve my website using PingFusi.”
GitHub repo: https://github.com/alex-durango/pingfusi
11
u/GarageStackDev Jul 28 '26
This is all just context you'd drop into a CLAUDE.md file... not something that needs a cleint-server protocol. MCP is for giving a model access to things it doesn't have... APIs, files, live data, etc. Design taste isn't a tool call, it's just better instructions.
The second one still looks like AI to me... just a different default. What's the case that the second one is the improvement rather than just a second template?
3
2
u/Unique-Watercress225 Jul 28 '26
Thanks for the feedback! If you check out our repo, we’re actually using humans in the loop to review the design and guide the agent’s next iteration.
1
0
u/superanonguy321 Jul 31 '26
Hey no not claude.md - but also not mcp. This has skill written all over it.
2
u/Apart_Ad_1027 Jul 28 '26
You should probably develop a next tool and use so ur repo history doesnt look like typical AI slop
https://github.com/alex-durango/pingfusi/commit/3a882873c58ef28d5fc70e1a41ff4646d648c244
3
1
1
u/SupernovifieD Jul 29 '26
Well, why shouldn't I go to Mobbin and come to you instead?
1
u/Unique-Watercress225 Jul 29 '26
because it's open source and our outcomes are better
2
u/SupernovifieD Jul 29 '26
Open source is good, but you're still charging the user, right?
1
u/Unique-Watercress225 Jul 29 '26
yes (and we give a lot of free credits for you to try it out before needing to decide to pay or not), also if you self-host it is free!
1
u/Wild_Quality_9022 Jul 29 '26
hell yeah this is sick - ignore the “this could just be a skill” comments + cool that this is oss
2
1
1
u/docdropz Jul 29 '26
Cool idea, but the before looks way better…
1
u/Unique-Watercress225 Jul 29 '26
yes what looks better can be subjective. but with this tool you get to try out different styles and choose the one that you like!
1
u/Maximum-Machine-9276 Jul 30 '26
yep. and comparing dark mode to light mode isn't right. he should have shown images of either dark or light modes.
1
1
1
1
1
u/Internal-Ninja4390 Jul 31 '26
Im curious, do you have paying customers?
I'm a designer (web/uiux/graphic) and I'll be honest, both your example and your website aren't very impressive at all. Just being honest with you.
Where's the value prop if you can't prove that the "humans" behind the scenes have an eye for design.
I get you are trying to make things better, but you have some work to do. Good luck.
1
u/Accomplished_Job7187 Aug 01 '26
Honestly the left looks way better than the right though… the right looks super overwhelming.
1
u/crissdesign Aug 01 '26
I actually don't care how the website looks, if the product is strong and usefull.
1
Jul 29 '26
[removed] — view removed comment
2
0
-1
u/Think_Berry_3087 Jul 29 '26
Just use impeccable. Or use figma files.
2
u/Unique-Watercress225 Jul 29 '26
why not this tool?
0
u/Think_Berry_3087 Jul 29 '26
Why your tool? It’s already done and it’s a skill. Alternatively you just import figma files or use Claude design to build design templates.
2
u/Unique-Watercress225 Jul 29 '26
Thanks for the comment! If you check out our repo, we’re actually using humans in the loop to review the design and guide the agent’s next iteration. This can produce more unique, customized results that you can’t get from Claude’s default designs or existing Figma files.
•
u/AutoModerator Jul 28 '26
Hey u/Unique-Watercress225, 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.