ARTICLES
Design systems for AI-driven development
Definitions and practical guides: what a design harness is, how token drift starts, and how to keep coding agents inside your design system.
- 8 min read
Your agent wrote four buttons. Here is how to find them.
PrimaryButton, SecondaryButton, DangerButton, GhostButton. Nobody decided to have four. Each one was reasonable on the day it was written.
- 9 min read
How to stop your coding agent from hardcoding your design tokens
Your agent is not ignoring your design system. In most repositories, there is nothing for it to ignore.
- 7 min read
What is design token drift?
The quietest way a design system falls apart: not a broken screen, but a slow divergence between the tokens you declared and the values that actually ship.
- 6 min read
What is a component contract?
A prop type says what a component accepts. A contract says what it must never do — and writes that down where an AI agent can read it.
- 7 min read
What is a design harness?
AI writes most of the UI now. Here is the small, boring artifact that keeps it from quietly wrecking your design system — and why the parts that look dull are the parts that matter.