The creator's post

I do all of my UI design in Claude Code CLI by generating artifacts, because it's a quickest way to experiment, prototype and refine ideas. I'm continuing working on my node-based 3D editor and currently was in the process of iterating on the UI design of the whole application. The current process for doing UI redesign couldn't be more simpler. Here's how I typically approach the design of my new apps, when I'm working alone: 1. I go back and forth with Claude and request it to make few iterations of the UIs based on the research it doing. E.g. for a 3D app I asked it to research how existing 3D packages solved UI and where it could be improved. The end result is a Claude artifact with a proposal and interactive demo. 2. After that I go to Pinterest, find inspiration and create a mood board to steer AI to refine the initial proposal to improve on it and restyle it to the aesthetic I'm looking for. At the end I get an updated artifact or Claude Design frames that I review. Here I could do multiple rounds of feedback to get the design to look exactly how I want it to be. 3. Finally, the development. I strictly separate the design phase from the development, because my UI stack is fully custom (SDL window with Metal graphics API and custom OCaml widgets). At this point HTML is the best medium for AI to create designs and it's simpler to let the loop run and translate that HTML design to the actual application. As a bonus, I generated a quick motion graphics animation that showcases the UI kit I was building.