Top
Best
New

Posted by FergusArgyll 4 hours ago

Slightly reducing the sloppiness of AI generated front end(envs.net)
106 points | 65 commentspage 2
mft_ 3 hours ago|
Can you quantify what it is you don’t like? Like, to my eyes ‘original’ is fine - and it’s very similar to ‘QT’ expect with rounded corners and brighter colours.
properbrew 2 hours ago|
I find it such a hard thing to quantify, I know it's not helpful but you can just feel the slop seep through.

I'm not sure if it's because I've iterated through so many sites that LLMs have produced that "slop" is instantly recognisable and it just feels soulless.

Not like web pages ever had a soul, but it's not there on the generic LLM generated sites.

smnplk 2 hours ago||
Imagine you get this original version from a frontend guy pre AI , would you still see slop seep through ?
HughParry 1 hour ago|||
I’d probably think it looked alright.

I think it’s the fact that my eyes have been blasted with a certain visual ‘vibe’, and I’ve come to associate it with apps that are, on average, a bit lazy

emsixteen 1 hour ago|||
I'd probably just accept that I'd hired them through fiverr.
wuliwong 3 hours ago||
My experience with this is 180 degrees opposite. It's been really easy to create really nice UIs for all kinds of one-off apps I've made for myself with AI. In fact, it has been one of the most fun parts of this whole AI thing. ¯\_(ツ)_/¯
singingtoday 3 hours ago||
This has also been my experience. I do find it takes a review pass with a direction including things like "make sure text isn't overlapping." "Make sure text isn't overflowing out of buttons" - I find that's a really common one.
itake 3 hours ago||
Any chance you could share screenshots?

Even the example apps in the post seemed like AI slop to me. Common markers are too noisy/busy (mainly repeated or rephrased information). Text being a bit too big (Codex-only?).

chorkpop 2 hours ago||
Yes in my experience, AI designs might look okay on first glance but when you really start to look you start to see strange and inconsistent things. Similar to looking at generated code.
mywittyname 2 hours ago||
You can have it fix these things. It has the tools to analyze screenshots of the app and correct things like formating, alignment, color, etc.

I've been building a personal app with Opus 4.8 over the past two weeks and the design is excellent. I provided it with screenshots of what I wanted, then had it build out a gallery of functional UI elements (like designers do). Claude built out a tool that would screenshot the app, compare it to the design screenshot and automatically reposition elements or update the styles to match.

You can also provide it with a style guideline prompt and have it double check all the work it produced matches the UI style guidelines before committing.

mywittyname 3 hours ago||
I've been doing this recently - working with Qt on a local app.

I've had good luck providing a png "design board" with all of the template colors and having the first task be to build out a design gallery with all of the ui widget. Then have the design docs specify which component to use. Ensure that the documents specify to only use pre-existing components and have a list of each component and their intended use cases.

Of course, this learning came after seeing how awful V1 of the app was. Initially, it looked really impressive, but once you started clicking around it became obvious how incoherent the design was.

Claude's new frontend-design plugin is solid for web apps in my testing. My wife and I have been using it to build her an app and her discerning design eye is largely impressed with what it's done.

iqihs 3 hours ago||
as someone with little to no design background they all look the same to me except the bloated sass which is clearly inferior

is there a way to quantifiably measure how much better one design would be from another?

wuliwong 3 hours ago||
This article is purely subjective. I'm sure there are some academics that could explain ways to objectively score usability but this article is purely subjective.
llm_nerd 3 hours ago||
No. It's completely subjective.

The whole "AI slop" noise is, at its core, human slop. It is people applying a hopefully pejorative label, trying to appeal to other slop aficionados that like whatever the current trendy slur is, in an objectively undefinable way.

In this case this guy likes the way Qt apps, they think it looks better, but it isn't a big trick they are revealing: They made it conform to the style they like, but this doesn't translate to anyone else in any measurable way. I think web apps looking like Qt apps feel like the late 90s and it's just weird, but my taste also is entirely subjective and mine alone.

rafram 3 hours ago||
All of these look quite terrible to my eyes. None of them really resemble the classic AI slop landing page, either (of which this [1] is a decent illustration). I'm no huge fan of that style, but it's at least readable and functional, and thus better than the results you got by a mile.

It seems like you were starting with an existing HTML file you asked it to redesign. Generating from scratch with strict guidelines could be more representative.

[1]: https://vorpus.github.io/performativeUI/

duffycommaryan 49 minutes ago|
Agree. I find this route reliably produces better results. Not sure I understand why though. Intuitively I'd think the models would be able to do approximate designs with higher fidelity using code as the primary reference.
kvasserman 2 hours ago||
I thought that AI would at least be good at 2 things: writing (text) and doing UI. It's not good at either. Text it generated reads like slop and UI it creates looks like slop. The way I approach it now is this: for text, I have to write it myself and only use AI to check grammar and catch weirdly phrased passages. For UI, it's like with the rest of the code. You have to stay on the top of it and keep demanding changes to match your vision/architecture/taste until it gets it close to what you want. In both cases, not knowing what "good" looks like is a real problem, because AI definitely has no idea.
LucidLynx 3 hours ago||
>> Slop is not a distinct style, it can be overlaid on top of many others. Even when I got it to make a page to look like X, it looked like X with slop.

Today, I can visit a website and instantly tell it was generated using LLMs and agents from A to Z:

1. Everything is in blue or mauve gradient, with a white background, and a single JavaScript-heavy page that lags as soon as you scroll a little.

2. There are always a ton of 404 pages.

3. Third, the HTML comments often expose credentials and to-do lists—sometimes even right above the login page (true story...).

This kind of website is a hard pass for me, and I add the company (and its founders) to my personal blacklist of people and companies I’ll never use anything from.

jstummbillig 3 hours ago||
I don't think that is true, in the way that it always wasn't: How would you be able to tell when it's done properly?

Think WordPress installations: Depending on how it's done you can either tell at a glance (probably ~90% of WP installations at some points in time) or you have no clue until you look at the html source.

Of course, when given the option to not do it properly is always alluring and then you can tell.

deaux 2 hours ago||
So you can tell for maybe 20% of websites that have been generated by LLMs over the last few months.
solidasparagus 2 hours ago||
I think the slop part is just what you get when you inject no opinions and put in no effort to apply taste (which you probably have and/or could develop). No care is put in. It looks generic and sloppy because it is generic and sloppy. You might have preferences over which generic and sloppy style is preferred, but at the end of the day a UI built without effort is going to look like what it is.

But if it functions fine and you don't have taste or want to be opinionated, why do you care?

sevenseacat 3 hours ago|
I had to read the post about five times and still didn't see the link to the actual examples - I actually had to view source to see the URL.

I like the idea - all of the designs are pretty meh though. If I had to pick one, I'd pick the HIG one (apart from that cursed glass effect on scroll) and then probably the Win11 one.

toppy 3 hours ago|
"You can check some of the results out here" in Qt section
More comments...