WebMCP Agents

Let AI agents use your web page, and let the person on it see every step.

With WebMCP, a page hands an AI agent tools it can call: “add to cart”, “place order”. WebMCP Agents makes every call visible to the person on the page: a ghost cursor flies to the control, types the agent’s values into the real fields, and stops for a real click on anything that matters.

An agent adds a tee to the cart: the cursor flies to the form, types the values and clicks, and the cart opens.

A tool is one function with two callers

You already have the function. A person clicks the button; an agent calls the tool.

// An agent calls this.
useWebTool({
  id: "clear_cart",
  title: "Clear cart",
  description: "Empty the cart. The user confirms on the page.",
  requireConfirmation: true,
  execute: clear,
});

// A person clicks this.
<Button onClick={clear}>Clear cart</Button>

Nothing is added to the button for the cursor: it finds the control by its name, like a screen reader would. With requireConfirmation it parks there, and clear runs only after the person’s own click.

Choose your framework

Pick one. The docs remember it, and every page after shows that framework’s code.

Already set up?

Go straight to what you want to do. Each page shows your framework’s code.

Looking for one API? Open the reference.