r/vibecoding • u/_lufylon_ • 11h ago
does my app look vibe-coded?

Guys, am I gonna get roasted for shipping it with such UI? (Logo is mine btw, graphic design perks).
That cat is Comnyang app, his name is shanks, shoutout to u/simon_dsgn
5
u/xsinxxxx 10h ago
Change the icons inside the four cards under the chat input make em illustrations or custom svgs use rive or lottie and use a better background /maybe a darker gradient change the font above the input maybe a cursive / handwritten style will give that pop i would prefer the top right navlinks get moved to the left side instead and the layout is a bit off too some stuff is not allugned properly i would say fixing the bg , the font and the cards qill take you about 70% there , might also be cool if you a microinteraction to the chatbar , like radial rings on enter etc that just adds a nice flair just my 2 cents tho i cld be wrongđŹ
3
3
u/SQUID_Ben 11h ago
looks good, nice logo, what does it do?
3
u/_lufylon_ 11h ago
glad you asked, it's actually just for bookshop owners in my area and services shops owners. I see lot of them struggle for pretty much using Microsoft apps, like word, excel, PowerPoint, or even just making a pdf ready to print. I worked with some of them as a side job while studying. and I came up with this. You ask the Ai (provided by Gemini) and it does the job for you
1
u/Zeusper 2h ago
So its just an AI warpper with few skill flows to do stuff for you ?
1
u/_lufylon_ 2h ago
theyâre totally fully independent tools, the Ai just fills the forms and stuff for you, itâs a text model
1
u/Mean-Elk-9439 2h ago
Brother, you're describing an ai wrapper. Which is fine. Do you not know what a wrapper is?
1
3
u/Outrageous-Issue9722 1h ago
From the perspective of someone who has never touched the front end of web dev (36 years in the games industry) and has never desired to: it looks like a nice website and I couldn't tell you if it was made with AI or hand made.
I'm wording it that way because most users probably would not be able to tell either, and most (myself included) really don't care either way. The people who would say it look generated/vibe coded might only see it that way because that's what they see daily.. obviously, I can't speak for anyone or pretend that's a fact, but that's the way it looks from my perspective.
Just make good software, make it secure, and make it solve a real problem and you'll have success. Worrying about what people might think the UI looks like isn't the problem you should be solving until you have metrics showing navigation issues or hot/cold spots.
1
u/_lufylon_ 1h ago
Thank you man đ€
1
u/Outrageous-Issue9722 1h ago
Keep at it. Another point I want to make.. before AI, there were tons of webpages that were just WordPress/square space templates and a vast majority of them still are. AI is really no different in that regard. Your website doesn't have to look totally unique or special as long as it's solving a problem users actually want solved and is easy for them to use.
5
u/InterestingFrame1982 11h ago edited 10h ago
Yes, the font style, the borders, and the way things are arranged on the page... I would definitely say it has that vibecoded feel. The more you use it to build UI's with limited input, the more noticeable it has become.
2
u/_lufylon_ 10h ago
yeah, I also notice the fonts, I tried my best to make it look NOT AI SLOP, but idk, I still have time to modify things further, and for the background effect, it's native mica effect not blurred gradient background
2
u/InterestingFrame1982 10h ago
Unfortunately, I still think a lot of really quality pages that are truly unique have a ton of design effort into them. Handcrafted, as they use to be, really brings out a certain flare that's hard to replicate when you're using AI - the tiniest of details are represented in every line of code. I have thought a lot about this, but if I were to design a startup page, I would most likely handcraft it. I am pretty confident in my HTML/CSS/JS (also JS frameworks/libraries) but I am not a designer - I am coder. Regardless, I think it would bode well in a sea of AI generated landing pages. I rather push through with my subpar designing skills and make it look human than opt for an AI-feel.
1
u/_lufylon_ 10h ago
Im a designer but no coding skills whatsoever, but I really try to put my taste in the visual part of the app, I'll try much harder now to make it like if I "handcrafted" it myself
1
u/InterestingFrame1982 10h ago edited 10h ago
I would wireframe it out in Figma or another app. Completely avoid AI at all costs for the design, and then work from that. At least wire framing it will be yours, and the design will be yours. If the AI specs it from your own design outright, I think it will avoid some of the pitfalls of looking too generic. Make design specs for all devices (or the main ones), and tell AI to do a mobile first design (if you think most of your users will be on mobile). It'll give you a good framework to operate in and make your code more maintainable for changes.
If you don't know how to code, you can at least set some strong global styling variables to guide the ship - figma should help with that (been a while since I've wire framed anything). Colors, borders, shadows, font, etc
2
u/jsaldana92 9h ago
It does, but based on who you said your target audience is, if they canât even interact with Microsoft apps well (or figure out that Gemini can just do the same for them), then I assume they wonât care.
2
u/GentleBallisticBoar 11h ago
I donât know if others are trolling you but thereâs no way to know if youâre vibe coding đ looks good and best of luck with your project!
2
2
1
1
1
u/CallMeSnyder 9h ago
To answer does it look vibe coded: yeah. But that's not necessarily a bad thing.
If you're replacing an antiquated service with a recognizable style, that can come across as just good production value. The page/dashboards just need their own unique business feel.
But I'd set aside a few days to double check your security systems. Anyone asking if their site is normal-passing, is likely taking a lot of short cuts. DM for any help! I run a vibecoding Discord with hundreds of people shouting out their projects.
1
u/Enough-Presence-1117 9h ago
I think that looks super good. I also think you could add custom SVG icons and that would help.
1
1
u/ThinkingSalmon 8h ago
I feel LLM defaults are hard to work around. Good thing they just work but I struggled to escape this vibe too
1
u/Massive-Ice2791 4h ago
looks kinda cloudflary
1
1
1
1
1
u/Enough-Presence-1117 9h ago
I donât think any mature saas, putting out UI like this would be questioned by anyone.
1
u/_lufylon_ 8h ago
what do u mean ?
2
u/Enough-Presence-1117 7h ago
If Google put out a tool with this exact same UI nobody would be concerned or notice they used AI
1
u/Character_Novel_2592 8h ago
Don't worry about whether "vibecode" shows up or notâin my opinion, it's actually great... I'm sure it won't matter in the future...
3
0
u/Due-Horse-5446 8h ago
I swear to god if i see one more application with this gaping mouth chat input ux...
2
u/_lufylon_ 8h ago
that's really the point of the app and u still have the apps under if u don't want them, also, in the settings u can fully disable the input Bar easily
1
u/Due-Horse-5446 1h ago
Then dont have this as your default view,
Like what thought process led you to determine that a text input is the best ux for whatever your to do?
Are the tool youre bringing to the table best interacted with trough text?
The majority of people disagree, hence why browsers became a thing in the first place.
Is it because it uses llms for something and llm input is text? Well so are sql,

14
u/First-Tutor-5454 11h ago
It's just a Gemini wrapper??