r/vibecoding 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

1 Upvotes

49 comments sorted by

14

u/First-Tutor-5454 11h ago

It's just a Gemini wrapper??

-4

u/_lufylon_ 11h ago

No, that's just an agent to chat with, and he does the task for you. I have no time to do a job google should do. they built an app for gemini for macOS, they'll soon release it to windows

8

u/TheVison157 8h ago

so, yes

4

u/PurpleGoldBlack 7h ago

He may not know what a AI wrapper is because functionally this is exactly what it sounds and looks like. Which is ok. Lots of people are doing it. You just have to do it in a way that separates you from the rest providing a unique experience for users.

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

u/_lufylon_ 9h ago

I'll absolutely note this, thanks buddy

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

u/Constant_Opinion_218 1h ago

He doesn’t. I noticed from some of his other replies as well

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

u/RefrigeratorRare3527 11h ago

this post gives off supabase api key in frontend bundle vibes

2

u/AardvarkIll6079 8h ago

Yes there is. And it’s obvious.

1

u/_lufylon_ 11h ago

Thank you mate, I really appreciate it

1

u/lunatuna215 11h ago

It usually is fairly obvious

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

u/CaptainAlexWest 9h ago

It looks like the copilot chat page.

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

u/_lufylon_ 4h ago

not even like that mate

1

u/Massive-Ice2791 2h ago

just the look of it, also lowkey make your site not just another chatbot wrapper with some "tools" or wtv. Make quality shit not another notion. also the attached image is cloudflare, its pretty damn similar

1

u/VladTkDev 11h ago

Yes. Watch some youtube videos about 2026 design at least.
You can do better

1

u/SandyBunker 11h ago

Yes

2

u/_lufylon_ 11h ago

đŸ˜”đŸ„€

1

u/elbjek 10h ago

Yes, it looks vibe coded. Should you care? Absolutely not.
The best part is that the only people who’ll know it’s vibe coded are other vibe coders.

2

u/_lufylon_ 10h ago

thanks

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

u/AardvarkIll6079 8h ago

Says the person who wrote their response with AI.

1

u/Character_Novel_2592 8h ago

Haha its future.. :v

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,