Handing It to Claude Design
Drive AI agents through a million lines of code you did not write. Recon, surgical navigation, codemods, characterization tests, and a toolkit of four reusable skills you keep.
We can agree the homepage from the last episode was pretty horrible. That's expected. Claude Code isn't a designer unless you give it a design skill like high-end visual design, impeccable, or the taste skill. I probably should have used one.
Instead I take the idea to Claude Design. I give it the background of the fork, a summary of the prompts I've used so far, and one constraint: use the Tokyo Night theme, since that's what I've been running.
The home screen it comes back with is exactly what I wanted. No chat box front and center. Just information about my project. I didn't think I'd get that on the first pass. From there I have it mock up the first few pages and a design system, starting with the Journey page. It even added an "up next" area, which fits a planning card I want to build later.
A note on how I'm prompting now. I don't type structured prompts anymore. I use WhisperFlow and just talk. Saying that out loud makes me feel like a vibe coder, and I'm not totally sure I'm not one. What I'm doing is building a prototype on top of the existing project structure. I'll harden it later so it doesn't crash and break. For now this is a design treatment, and it's a lot of fun.
Drive AI agents through a million lines of code you did not write. Recon, surgical navigation, codemods, characterization tests, and a toolkit of four reusable skills you keep.