Why AI-Generated UI Looks AI-Generated: The Design Token Solution

The smell test

You asked your coding agent for a settings page on a Tuesday. It shipped in ninety seconds. Six months later, you can't tell that page was written by the same agent that wrote your billing page in March. Different blues. Different paddings. Different border radii. Different fonts you never asked for. Two screens, one product, no shared language.

Designers call this drift. In a hand-coded codebase it happens over quarters. In an agent-driven codebase it happens between prompts — because every agent reply is a fresh conversation with whatever it found in training, and training data is full of bg-[#3b82f6] soup.

Hex literals are how you tell a model nothing about your system. They are the absence of a system.

---

This is an excerpt. Read the full post at otf-kit.dev/blog/design-tokens-stop-ai-slop — full-stack kits your AI coding agent can actually ship to production. Browse the kits →