sirocco — a design system's own steward, registering its checks as agent-callable tools over WebMCP. this site.
a design system that defends itself.
The steward is sirocco's capability: it holds any build to an instrument's design tokens and names the drift the moment it strays — deterministically, in the browser, and to any agent over WebMCP. Walk it free on the six house instruments.
Refraktor — an agent that walks onto a WebMCP page, discovers the tools, and drives them: the steward, used the way an autonomous agent would.
One loop, both halves: a surface that offers its discipline as tools, and an agent that walks in and uses it.
A design system is only as good as the discipline that keeps to it. The steward removes the discipline problem. It measures your code token by token against the reference set, then names exactly where you've drifted — what you wrote, and what was expected. The reference set is any of the six house instruments.
- hard live
- Deterministic. Every color and every corner, measured against the reference tokens. No opinions — just the exact violation, named: found #ff00ff, expected #a89e8b.
- soft live
- Inferential. Beyond the literal tokens — whether a choice honors the instrument's intent. The right value used the wrong way. A second reading, on demand.
- on the floor
- Free, on the house instruments — an agent drafts a build and the steward holds it to the tokens, live. The check runs in the page; nothing leaves the browser. watch it on the floor →
- for agents, here
- This surface is built for agents as well as people. A visiting AI agent can discover the steward and call it directly in the browser over WebMCP — the same checks, offered as tools, no glue.
The six house instruments, fully walkable — the steward check in the browser, the WebMCP tools, and the normalizer. Free, no account.
Most design systems ship as a file and a hope. sirocco ships the discipline that keeps to it.