Live data from Hacker News

Ask HN: How do you employ LLMs for UI development?

news.ycombinator.com

21–30 of 67 posts

Re: Ask HN: How do you employ LLMs for UI development?

#21

Earlier quoted context omitted.

Same thing would happen if you had asked a human intern.

This is almost a meme reply on HN: absolving the LLM by comparing it to an inexperienced human.

To me it seems less about absolving the LLM and more saying that "a modern UI for gathering customer details" is wildly underspecified. You're asking the LLM to generate something tasteful for a very vague use case; there's just not that much to go on.

Re: Ask HN: How do you employ LLMs for UI development?

#22
post #4

I think user interface design is a very cursed task for an LLM. They are skilled at giving you high quality CSS and design patterns, but they're horrible at actual layout and composition. I can say "add a status strip to the form with blah blah" and it will work perfectly. However if I ask for something like "a modern UI for gathering customer details" I'm guaranteed to get a pile of shit.

You’re just describing LLM development in general.

If you want good results with a specific output, the operator needs to be giving specific instructions. Asking for vague results will only give you something that vaguely resembles the thing you wanted, but it’s not going to produce perfect results the first time.

Re: Ask HN: How do you employ LLMs for UI development?

#23
post #2

1/ Use a standard CSS library - Tailwind 2/ Use a common React component library such as Radix UI (don't reinvent the wheel) 3/ Avoid inventing new UI patterns. 4/ Use Storybook so you can isolate all custom UI elements and test/polish them in all states 5/ Develop enough taste over the years of what is good UI to ask CC/Codex to iterate on details that you don't like.

That sounds like the typical workflow while NOT working with LLMs?

Re: Ask HN: How do you employ LLMs for UI development?

#24

Earlier quoted context omitted.

Same thing would happen if you had asked a human intern.

[dead]

Same thing entirely: ask for something like "a modern UI for gathering customer details" you're guaranteed to get a pile of shit.

Spec it out providing your needs, objectives, guidelines etc and you'll get better output... exactly like with an LLM.

Re: Ask HN: How do you employ LLMs for UI development?

#25

Earlier quoted context omitted.

Same thing would happen if you had asked a human intern.

This is almost a meme reply on HN: absolving the LLM by comparing it to an inexperienced human.

I think the meme is trying to discredit LLMs by saying they don’t read your mind and produce exactly what you wanted from vague prompts.

Everyone who uses LLMs knows that it’s an iterative process where you need to provide specific instructions. It’s only the LLM naysayers who think that pointing out that “Generate a modern UI for me” doesn’t create perfect results on the first pass is an indictment of LLMs.

Re: Ask HN: How do you employ LLMs for UI development?

#26
I have found them to work quite well for frontend (most recently on https://changeword.org), although it sometimes gets stuff wrong. Overall, LLMs have definitely improved my frontend designs, it's much better than me at wrangling CSS. Two things that have helped me:

1) Using the prompt provided by anthropic here to avoid the typical AI look: https://platform.claude.com/cookbook/coding-prompting-for-fr...

2) If I don't like something, I will copy paste a screenshot and then ask it to change things in a specific way. I think the screenshot helps it calibrate how to adjust stuff, as it usually can't "see" the results of the UI changes.

Re: Ask HN: How do you employ LLMs for UI development?

#28
Agree that it's not the best for UI stuff. The best solution I've found is to add skills that define the look and feel I want (basically a design system in markdown format). Once the codebase has been established with enough examples of components, I tend to remove the skill as it becomes unnecessary context. So I think of the design skills as a kind of training wheel for the project.

Not to self-promote, but I am working on what I think is the right solution to this problem. I'm creating an AI-native browser for designers: https://matry.design

I have lots of ideas for features, but the core idea is that you expose the browser to Claude Code, OpenCode, or any other coding agent you prefer. By integrating them into a browser, you have lots of seamless UX possibilities via CDP as well as local filesystem access.

Re: Ask HN: How do you employ LLMs for UI development?

#29
post #13

Since LLMs are almost AGI, all you have to do is feed one a screenshot of a few UIs that you like and ask it to duplicate it for your own application, saying "Please style the application like this, while observing best practices for internationalization, assistive technologies and Fitts' Law." If you have problems with this workflow, it's because you're not using an-up-to-date LLM. All the old ones are garbage.

It's so weird. I can't tell if you're sincere or sarcastic.
Post reply on HN