· demo · proof

see the loop run.

Short, unedited screen captures: an autonomous agent enforcing design-intent on a real WebMCP surface — drift named, build corrected, tokens honored. The tools are genuinely registered, not a mock.

· the complete loop · both halves

provider reference implementation

sirocco — a design system's own steward, registering its checks as agent-callable tools over WebMCP. this site.

consumer beta

Refraktor — an agent that walks onto a WebMCP page, discovers the tools, and drives them: the steward, used the way an autonomous agent would.

Get it from the Chrome Web Store →

One loop, both halves: a surface that offers its discipline as tools, and an agent that walks in and uses it.

The same registered tools, two independent consumers — the surface is real, and agent-agnostic.

Refraktor — the companion agent

sirocco's registered tools, driven by Refraktor, the companion WebMCP agent extension — discover the instruments, ask for a recommendation, check CSS for drift, all from a side-panel chat.

One consumer: Refraktor, the companion agent, driving sirocco’s tools over WebMCP.

the context inspector

The same registered tools, driven by a second, independent consumer — Chrome’s Model Context Tool Inspector — calling them straight off document.modelContext.

A second consumer: the Model Context Inspector. Same tools, no glue.

sirocco.gallery — a live WebMCP design surface, built for autonomous agents.