I’m quite successful doing UI with a proper design system, variables.css, atoms, molecules and organisms and constantly sticking to that. Claude seems to work well with it.
I explore designs in Claude Desktop, and once I’m satisfied, I’ll let Claude desktop handover prompts for Claude Code. Claude Code makes a review harness inside the actual application for each atom, molecule and organism, and I accept each of them one by one.
I wonder if this is something similar, but makes the whole process smoother. As someone who’s not particularly good at frontend, I’m quite happy with what all this accomplishes.
You have a great process. I'm doing something similar, fine with Tailwind as a base and just build my own components from there. I think this will help entry-level people develop a similar process so perhaps it's great for that.
I just gave Claude Design a whirl. I'm not impressed, compared to what I was using: it actually seems less structured than what I need.
What I really don't like is that this tool maintains its own "state": I want everything as markdown files in my git repo, not as some arbitrary black box blob inside Anthropic's cloud.
I explore designs in Claude Desktop, and once I’m satisfied, I’ll let Claude desktop handover prompts for Claude Code. Claude Code makes a review harness inside the actual application for each atom, molecule and organism, and I accept each of them one by one.
I wonder if this is something similar, but makes the whole process smoother. As someone who’s not particularly good at frontend, I’m quite happy with what all this accomplishes.