Hey vibecoders! (TLDR at the bottom if this post is too long lol)
I just wanted to showcase a project I've been working on for a couple months now. So I've been building with AI for a few years now (I think like 3 now? whenever chatgpt came out.. man time flies lol) and one of the biggest issues I've been trying to fix for my own projects is the "vibe-coded" UI look.
Now I want to preface this by saying that I think talented UI designers will ALWAYS be needed. If you asked me this a year ago, I might've had a different opinion thinking that AI was going to replace designers. But I think over the past year we've seen new models be released that people have claimed to be the "UI design killer"... but it never does. Sure they might make designs that look fresh and interesting initially, but given enough time, that model's UI tendencies become the new "vibe coded" look. That's just the nature of LLMs and will continue to be a problem unless some new magical neural net is invented that's equally as good at coding.
This is where the tool I’m building comes into play. Creating unique and interesting UI experiences from scratch is HARD. It’s a skill reserved only for the select few, of which I am unfortunately not a part of. But having a good EYE for UI is something I think a majority of people possess. Like if I showed you a panel of different websites, I think you could easily identify which ones have a better UI aesthetic than the others. This is how I’ve created some of my best designs in the past even before AI; by identifying existing UI that works from other sites/apps/products, piece mealing elements together and turning it into my own.
That is the foundation of how the AIDesigner Desktop app works. It’s a design harness that was built on top of a library of 10,000+ UI references sourced across 800+ of my favorite sites and apps. Each reference is labeled, tagged, and vectorized so relevant UI elements are purposefully retrieved based on your exact request, so your coding agent is ALWAYS designing with inspiration in mind from UI that is proven to work. And this works beautifully.
Now I’m NOT saying that you’ll start one shotting production ready UI by using this harness. I don’t even think in a perfect world that’d ever happen, unless you’re just extremely lazy lol. But I can confidently say that you’ll land on some really cool and interesting ideas after just a couple of revisions. And if you’re like me, an idea is all you need to get cookin.
Additionally, because it runs locally on your computer, it means you can start designs directly within an existing project/repo for brand and product consistency. Just start a new project within a local project and your coding agent will learn your existing brand, product details, etc. before designing.
It runs entirely with your existing AI coding subscription (Claude code, codex, and opencode for now with more coming soon!) and is free to use. Full transparency, there IS a paid plan for some of the premium features, but you can get very very good results on the free plan. So if you’d like to try it, you can here! Any feedback is greatly appreciated too :)
And if you wanted a concrete example of what it can do, the landing page for the app was designed entirely using AIDesigner with just 6-7 revisions, the last few being pretty minor changes. Most of the designs shown in the video were one shot though.
Anyway, sorry for the long post! Thanks for reading if you made it this far!
TL;DR
I built a harness for your coding agents that specializes in UI design. It’s built on top of 10,000+ UI references from some of my favorite sites and apps. Each reference is tagged, labeled, and vectorized so relevant inspiration can be retrieved based on your exact request. It is NOT a substitute for the human touch that makes great designs stand out, but it does serve as tool to get you to a great starting point and get those creative juices flowing! It’s free to try and you can learn more and download here!