Still thinking a lot about how we can get closer to deterministically "correct" layouts and UI by agents.

Tailwind, for all its benefits, doesn't feel like it helps. Too easy to step around whatever system you set up. Great for slow human speed, not great for agent speed.

I think it has to be "components" and they have to be code code. HTML won't do. Ruby, JS/TS, whatever.

Variants for looks. Maybe no access to class attribute? Maybe escape hatch via naiveChickenOutAndSetClassName prop?

But "components" are possibly too vague term because it should stretch from tiniest atom (toggle, checkbox, whatever) to whole page (sidebar layout, settings page, semi-advanced form.)

This is what I think I should turn Nitro Kit into, if I ever find the time.