Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Slightly reducing the sloppiness of AI generated front end

envs.net

Post reply on HN
Print view View original

71–80 of 147 posts

Re: Slightly reducing the sloppiness of AI generated front end

#71

Post by kordlessagain »

mynameisvlad wrote: post #47
dewey wrote: post #40

Earlier quoted context omitted.

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.

Is that a problem?

HN has huge issues right now with AI generated code or design.

I have a friend who is a graphic designer/market strategy guy and he's been using Anthropic to build sites and even did an agent on his own page that helps guide the user through onboarding. I reviewed the code a few times and gave him some tips and it looks pretty good and works flawlessly.

He maintain a lot of customer's sites (design wise) and all the customers are responsible for their own hosting and ssl certs. He got tired of them calling him about expired ones, so he had Claude write a script and use Agentmail to notify him when one expires.

A few of them were needing updating when he wrote it, and when I reviewed it (with Claude Fable) it discovered that in the event they were all up-to-date, it wouldn't email him. Other than that, it works perfectly and runs on his machine on a schedule.

This morning he had it write a script to monitor his computer for load, after having issues with Adobe.

Re: Slightly reducing the sloppiness of AI generated front end

#72

Post by esafak »

kingkongjaffa wrote: post #14

Does anyone have good examples of well designed web applications - not landing pages or peoples tech blogs, which are often listed here on HN. But like actual applications that do a complex task with the user using it as a tool.

Linear

Re: Slightly reducing the sloppiness of AI generated front end

#73

Post by jjcm »

I'll share my results / my approach. Here are three designs from the prompt->design thing I'm working on:

https://image.non.io/10037610-e35e-44b0-b5c6-69d8fb772109.we...

https://image.non.io/dcf067bc-e296-4744-9b36-2b882f3d791d.we... (same as above, but with your simplified map)

https://image.non.io/94fdfb04-c57d-4b81-8d53-7b0f707e4d63.we...

I've found that starting using diffusion to render your creation, then using a LLM to build from the image creates much less of a slop feel than just starting out with a LLM. You wouldn't tell a construction crew to just build you a house without an architectural plan, so why tell a LLM what visual result you want without a visual guide?

my thing is diffui.ai if you want to check it out. It's basically a harness for diffusion models to generate UI, as well as agent integration for handoff.

Re: Slightly reducing the sloppiness of AI generated front end

#74

Post by properbrew »

shooly wrote: post #61
properbrew wrote: post #33

Earlier quoted context omitted.

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.

What? Do you not see all those borders and insets literally everywhere here?

Well yes, but if I wanted a completely flat lifeless page I would just use excel and turn off borders.

Re: Slightly reducing the sloppiness of AI generated front end

#76

Post by duffycommaryan »

lherron wrote: post #65

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/...

The frontend-design skill defeats its own purpose imo. The design equivalent of "it's not x, it's y."

Re: Slightly reducing the sloppiness of AI generated front end

#77

Post by duffycommaryan »

rafram wrote: post #28

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 c…

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.

Re: Slightly reducing the sloppiness of AI generated front end

#78

Post by the_lucifer »

nozzlegear wrote: post #67

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. Personal preferences I suppose.

> I think dark theme, rich purples and vibrant hues, huge headings, etc.

Don't forget the thin and tall serif fonts, with one singular italicized word in the title.

Re: Slightly reducing the sloppiness of AI generated front end

#79

Post by jupp0r »

Just have your agent use an existing design system. They provide coherence and many styles to choose from (and customization if you really need that for your personal use). I wouldn't expect agents to invent a coherent component library from scratch for every project. It's a solved problem. I'd personally just use something very popular like MUI and be done.
Post reply on HN