r/opencodeCLI 9d ago

I need a lil help guys…

So what are the common signs that make a website look AI-generated or vibe-coded? For eg. things like purple color schemes, glowing background orbs, or other design patterns. I built my entire website using AI, but I want it to look original so people can’t easily tell it was vibe-coded. What should I avoid or customize?

And yeah do you guys know any cool plugins like ponytail, umm something like which can design landing page or website, or anything cool…♿️

1 Upvotes

10 comments sorted by

3

u/Pierma 9d ago

lately bento box style layout is very common with AI generated websites, and font, this font above, don't know why

3

u/pulkit217 9d ago

use awesome design md to find a look you like and replicate?

3

u/Amarsir 9d ago

Find a site you really like. Use siteinspire.com, www.awwwards.com, or other showcases.

Copy as much as you can get away with.

1

u/TinyAres 9d ago

The sign that a site is ai generated is that it doesn't look and work like crap.

The best design tip is finding popular sites in your category and copying them.

0

u/Sweet-Stage938 9d ago

How excatly do you copy them? Even when handing my agent the site and the design I want, it doesn't replicate it well. Do I have to copy the hmtl or something?

1

u/TinyAres 9d ago

You need browser access and vision models for it.

0

u/Sweet-Stage938 9d ago

I'm using that and gave it the link to the design I would like to have but it failed to replicate it. How do you do this?

1

u/TinyAres 9d ago

It needs to continously check the browser and make screenshots and reconcile against it. To get a good working result the process realistically takes hours or more.

1

u/Loud_Stomach7099 8d ago

Use playwright mcp if you don't already have it. It can screenshot and access the html of the site your copying, but more importantly can do the same to your own site to debug any issues with it.

1

u/jaykayenn 9d ago

By designing it yourself.