This page registers its modeling tools with document.modelContext, the WebMCP browser API. An agent that can see WebMCP tools finds them the moment the page loads. The status light in the top bar shows which route is live.

Claude

1. Chrome with WebMCP enabled (early preview flag) exposes the tools to browser agents such as Claude in Chrome.
2. Without native WebMCP, install the MCP-B / WebMCP browser extension. It bridges the tools on this tab to any MCP client, including Claude Desktop and Claude Code.
3. Any agent that can run JavaScript on the page can call await window.studio.call("create_primitive", {type: "box"}). window.studio.tools lists every tool with its schema.

Hermes agent

Point Hermes at this page through its browser tool and let it call window.studio.call(name, args), or connect it through the MCP-B extension bridge like any other MCP client.

By hand

The input at the bottom of the activity bar runs a tool directly. Type the tool name followed by a JSON object of arguments.

Tip: ask the agent to call get_guide first. It returns the modeling workflow and conventions this studio expects.