I have found a workflow that makes Claude a fantastic companion for most of the work involved in fullstack web development. The exception I find to be the most significant limitatipn to productive potential however, is interface development and UX. Curious to hear if anyone has relevant experience, or found any good approaches to this?
Ask HN: How do you employ LLMs for UI development?
1–10 of 67 posts
Re: Ask HN: How do you employ LLMs for UI development?
#21/ 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.
Re: Ask HN: How do you employ LLMs for UI development?
#3for claude code specifically, the frontend-design skill helps a lot too
https://github.com/anthropics/skills/tree/main/skills/fronte...
Re: Ask HN: How do you employ LLMs for UI development?
#4I 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.
Re: Ask HN: How do you employ LLMs for UI development?
#5Mainly using playwriter.dev to help debug CSS issues on the page. It's an extension you can enable in Chrome and let agents control the browser via CDP
Re: Ask HN: How do you employ LLMs for UI development?
#6Not as much for the UX, but at least for UI when you need to implement designs, I use Claude Code with Figma MCP and Chrome Dev tools MCP. So that it can take screenshots and compare to expected design as part of the acceptance criteria.
For a more targeted fine tuning of the UI I also started using Agentation https://github.com/benjitaylor/agentation if I'm working on React-based app
Re: Ask HN: How do you employ LLMs for UI development?
#7Try http://mockdown.design/
Helps me a lot, although it is very new. Not affiliated
Re: Ask HN: How do you employ LLMs for UI development?
#8[dead]
Re: Ask HN: How do you employ LLMs for UI development?
#9Try http://mockdown.design/ Helps me a lot, although it is very new. Not affiliated
[dead]
Re: Ask HN: How do you employ LLMs for UI development?
#10Haven’t totally cracked the nut yet either but the patterns ive had the best luck with are…
“Vibe” with vanilla HTML/CSS/JS. Surprisingly good at making the first version functional. No build step is great for iteration speed.
“Serious” with Go, server side template rendering and handlers, with go-rod (Chrome Devtools Protocol driver) testing components and taking screenshots. With a a skill and some existing examples it crunches and makes good tested components. Single compiled language is great for correctness and maintenance.