Why AI agents make ugly UI
Most bad AI-generated interfaces come from missing visual context, not weak code generation.
Generic in, generic out
If an agent only sees React and Tailwind, it will optimize for completion rather than product taste.
Missing hierarchy
Ugly AI UI usually lacks layout rules, spacing rhythm, state design, and component priorities.
Fix
Give the agent a DESIGN.md, screenshots, and examples of what to avoid before asking it to build.
Have a public DESIGN.md?
Create an account and submit the source URL so it can be reviewed and indexed in the directory.
Submit DESIGN.md →