Getting an LLM to Respect Your Design System
Moved from Cali to Texas recently. I'm the creator of https://github.com/AgnosticUI/agnosticui where I've tried to build a UI Component library that isn't tied to any one framework (it's currently working for React, Angular, Vue, Svelte, and raw HTML/CSS/JavaScript!) Looking for contributors and users so stop by and get at me!
Most AI-generated UI assumes React + shadcn + Tailwind and whatever else the model feels like outputting.
As someone who cares about design system adherence, technical flexibility, and clean code, I wanted to see if I could get the LLM to cooperate and use AgnosticUI to generate a bespoke login form.
It took some trial and error, but the result is an AI-generated login that doesn't hallucinate, respects real breakpoints, and stays inside a real design system.
Same spec, multiple frameworks. Different fonts and branding to show it's customizable.
The Login Playbook and prompts are public in the AgnosticUI docs — useful if you care about repeatable AI output:
