Clarity is an AI-first design system
Code-first and agent-readable. Tokens, components, and docs live in one repo, so whoever builds UI ships design-correct output by construction.
Code-first
One pipeline. Code is the source of truth.
Tokens, components, and docs are authored in-repo and shipped from one pipeline. Figma is downstream output for communication, not a separate authority.
Two delivery paths
Agents and engineers, same library underneath
Engineers ship UI without design gates. Design and product use AI agents to build real working UI. Same library underneath.
Built for agents
The repo is the interface
Every component ships with a COMPONENT.md next to its code. The repo is the interface — no MCP server, no sync, no stale copy.