Getting a language model to write working UI stopped being the hard part a while ago but getting it to draw something that doesn't look like every other generated interface is still hard, but it's getting easier, and I wanted to find out exactly where the edge is now. Overview I built this three time widgets, each a single HTML file, each showing something similar but in different way: a studio equalizer, a vintage radio tuner, a horizon with the sun on it. No framework, nothing but Tailwind and the browser's own clock. The point wasn't the widgets. The point was to try and figure out how much of the visual thinking can I hand over now, and what's still mine to decide?
Loading content…
Design snippets
Are LLMs getting better at design?
01 The first concept was seeing whether the model could put a clock inside something that looks like an audio visualiser. It counts the seconds elapsed today across 36 bars
02 The second was the real test: a clock built like a radio tuner. Three dials centered off the canvas, so only a sliver of each arc shows as it slides past the marker. This was the hardest thing to get across, that the dial had to be mostly invisible, and that it's the scale that rotates, not the needle. This one was mostly inspired by the new Ferrari Luce
03 The third was the easiest, precisely because there's so little to look at: a curve, a sun and one number of the minutes of daylight left.Nothing to explain visually.