Live data from Hacker News

Slightly reducing the sloppiness of AI generated front end

envs.net

11–20 of 147 posts

Re: Slightly reducing the sloppiness of AI generated front end

#11
post #6

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. ¯\_(ツ)_/¯

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.

Re: Slightly reducing the sloppiness of AI generated front end

#13
post #6

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. ¯\_(ツ)_/¯

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?).

Re: Slightly reducing the sloppiness of AI generated front end

#15
Tailwind is the answer. Always pure Tailwind, not custom classes + utilities. It makes a massive difference vs. stylesheets. The LLM is able to actually reason about your UI in discrete chunks with a semantic layer over the styling, vs. bouncing back and forth between CSS/HTML and trying to reason about custom classes generated on the fly.

Re: Slightly reducing the sloppiness of AI generated front end

#16
Obviously this is a personal preference, but the multiple layers of beveled grey on the Qt UI is not something I like, as it forces a lot of grouping on the eye where it doesn't serve any purpose.

I would go with the original, Apple or the Win11 one. Material would be good, what's with the lavender shades?

I always try to reduce the palette: say two background shades max, no drop shadows, only as many foreground colors as needed and if it seems to bland, add more bells and whistles.

Re: Slightly reducing the sloppiness of AI generated front end

#18
post #3
post #2

I think this says more about "modern" UI than it does about AI slop. The awfulness of all this comes mostly from the fact that widgets no longer have consistent shape, theme or interaction behaviour ever since desktop paridigms and original Xerox/Parc research were abandoned in favour of web slop. So yeah, this is much more Web Slop than AI Slop. AI is just amplifying it.

Continuing in that vein, it'd be interesting to see a Win98 version. Edit: https://retr0.id/stuff/deslop/

That's refreshingly usable and not-slop-looking, nice additional style.

Re: Slightly reducing the sloppiness of AI generated front end

#20
>> 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.

Post reply on HN