Top
Best
New

Posted by FergusArgyll 3 hours ago

Slightly reducing the sloppiness of AI generated front end(envs.net)
106 points | 65 comments
lherron 16 minutes ago|
You really have to a) use Opus and b) use the frontend-design skill for decent results.

https://github.com/anthropics/claude-code/blob/main/plugins/...

smusamashah 11 minutes ago|
I have seen so many brown sites that look all the same, all designed by this thing most likely. So no.
taimaishuzzzz 2 minutes ago||
claude slop :D
iSnow 2 hours ago||
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.

kwanbix 1 hour ago|
I liked GTK and WIn11.
stabbles 2 hours ago||
This begs for a modern version of https://csszengarden.com/, where the CSS is generated by different LLMs and prompts.
sevenseacat 1 hour ago|
that'd be awesome
voxleone 2 hours ago||
Qt is heavily represented in training data. Qt has existed for decades and the model has likely seen Qt tutorials, screenshots, source code, discussions, etc. As a result, "Qt application" is a highly coherent concept in the latent space. "Qt app" is almost like a named distribution.
unleaded 53 minutes ago||
This is mostly the fault of the model, a lot of them have been trained to generate HTML in a specific style. Claude's is pretty distinct for example, I think the new DeepSeek copies it. Some of them can generate more humanlike HTML like Kimi K2 IIRC, which I feel is the model with the least amount of post-training in general.

It's necessary if you don't want it to generate HTML with images and other assets you don't have of course, that's why they use emojis or meticulously handcrafted SVGs, or WebAudio synthesized sound which pretty much no humans did before.

bronlund 1 hour ago||
I donno. They all look ugly.

When making small tools for myself, I just tell it to use Svelte and then wrap it up using Tauri - no graphical cues whatsoever. And they usually comes out pretty good by my taste.

dewey 1 hour ago|
That's just the "original" they mentioned here without a prompt (https://envs.net/~volpe/projects/ai-design.html) but these ofen are easily identified as AI generated. I don't think it's too bad but it's definitely a tell.
mynameisvlad 1 hour ago||
Is that a problem?
petercooper 1 hour ago||
If you're just having fun with it, there are a whole bunch of other things that produce interesting options, like asking it to theme according to a movie (think Clockwork Orange, Backrooms, anything with a strong aesthetic), or throw screenshots and photos at it and use it as a "design system" (magazine/print layouts can work well with this on stronger models).
aviperl 1 hour ago||
Only a small anecdote, but I'm 2 projects into telling Claude to "make it look like Google podcasts" and getting satisfactory results. Still smells like llm in parts, but overall it is not screaming low effort.
nozzlegear 8 minutes ago||
I kinda liked the Original, HIG and Windows 11 versions the most. When I think "AI slop" (in terms of web design), I think dark theme, rich purples and vibrant hues, huge headings, etc. The SaaS one kind of has that with the purples and vibrant hues; it easily looks the "sloppiest" to my eye.

Can't for personal preferences I suppose.

abraxas 3 hours ago|
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.
Retr0id 2 hours ago|
Continuing in that vein, it'd be interesting to see a Win98 version.

Edit: https://retr0.id/stuff/deslop/

dofm 5 minutes ago|||
Oh man. I am a sort of pragmatic AI cynic and I wasn't even a fan of how Windows 98 looked but my heart just skipped a beat.

What does it do if you suggest it looks like an OpenLook/XView/OpenWindows application? (That is where my heart really belongs)

Doubt there's much in the training set...

econ 40 minutes ago||||
I use to make whole websites using system colors. The colors kept getting worse and eventually everyone hated it including myself.
unleaded 52 minutes ago||||
I really wish CSS added an option to set font antialiasing and hinting. Would make all these old windows style websites look 1000x better.
properbrew 1 hour ago||||
This one works well. I think it's because there's no shine to it, it's just the data, what you need, right there without trying to fluff it all out with rounded edges and superfluous stuff.
econ 35 minutes ago|||
The opposite, to change it into the modern version remove all borders and make all backgrounds the same color.

That is how to make it uneasy on the eyes.

shooly 29 minutes ago|||
What? Do you not see all those borders and insets literally everywhere here?
thewebguyd 1 hour ago||||
Wow, that's immediately so much better than the others to the point its kind of sad.

We've really went behind in terms of UX as an industry.

Gander5739 1 hour ago||||
For some balance in the replies, I must say I find this rather hideous. To each their own, I suppose.
vitalyan1234 1 hour ago||||
i love this so much it's unreal
ghrl 2 hours ago||||
That's refreshingly usable and not-slop-looking, nice additional style.
slopinthebag 1 hour ago|||
Unironically the best one out of the lot. Man, we digressed so far from where we were...
econ 26 minutes ago||
I fix some bugs here

https://phpbb.go-here.nl

More comments...