Clarity is an agentic 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
Engineers and agents, 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.