Live data from Hacker News

Slightly reducing the sloppiness of AI generated front end

envs.net

121–130 of 147 posts

Re: Slightly reducing the sloppiness of AI generated front end

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

Try this if you have access to Claude Design, go to sites you like, grab the html/css and a few screenshot and ask it to build a project, it makes an almost 1:1 reproduction. place those files into ur frontend project

Re: Slightly reducing the sloppiness of AI generated front end

#124
post #82
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/...

I keep getting Claude telling me to "use the frontend-design skill!", and this is it? > NEVER use generic AI-generated aesthetics like overused font families (Inter, Roboto, Arial, system fonts), cliched color schemes (particularly purple gradients on white backgrounds), predictable layouts and component patterns, and cookie-cutter design that lacks context-specific character. > brutally minimal, maximalist chaos, re…

Everyone should read through the (very short) skill file. Are we supposed to be this naive or dimwitted? LLM marketing is a transparent swindle at this point.

Re: Slightly reducing the sloppiness of AI generated front end

#125
post #82
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/...

I keep getting Claude telling me to "use the frontend-design skill!", and this is it? > NEVER use generic AI-generated aesthetics like overused font families (Inter, Roboto, Arial, system fonts), cliched color schemes (particularly purple gradients on white backgrounds), predictable layouts and component patterns, and cookie-cutter design that lacks context-specific character. > brutally minimal, maximalist chaos, re…

I've been wondering for a while if ignoring most of that bubble and whatever it cooks up might be a wrong move on my part.

Glad to see that it's just noise.

I suppose the biggest effects these skills have is to prime the user to expect something positive.

Actually kinda like what we do with LLMs. Just put a word in their context window and they suddenly start behaving different because probabilities changed.

Re: Slightly reducing the sloppiness of AI generated front end

#127
post #73

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…

This is an interesting yet simple approach. To the OP’s original question, how might you abstract this into a “design system” that can be applied to their other projects?

Re: Slightly reducing the sloppiness of AI generated front end

#128

Earlier quoted context omitted.

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…

What year is it? If you're running a barebones server, just use certbot. It'll automatically renew your certs. Very easy to set up and it's been stable for years without touching it.

Re: Slightly reducing the sloppiness of AI generated front end

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

frontend-design skill was a game changer to me, especially for copying styles from websites i like

Re: Slightly reducing the sloppiness of AI generated front end

#130
I decided to tell the LLM to not generate any CSS for a web frontend I am working on. It is just not worth the hassle and doing it myself is actually a way to think about usability and design in a valuable way, that flows back into how I want the whole service to be structured.

The design coming out of a LLM may be okay if you have nothing to do with design and can't program CSS, I just see a deeply inconsistent mess.

I am convinced well designed software has to be thought out from the user perspective. And if I am the one to commandeer a LLM, designing myself is part of thinking about what I want.

Post reply on HN