Interactive WebMCP demo

THIS PAGE
IS AN API.

WebMCP is an experimental browser interface that lets AI agents interact with websites through structured tools. Explore how it works here.

// WHAT_IS_WEBMCP

A shared language for AI and websites

WebMCP lets a website explicitly describe which actions and data it offers. A compatible AI agent can use those tools in a browser with WebMCP support. Browser support and the API are still evolving.

HTML
describe forms
JS
expose functions
JSON
structured data

Declarative — HTML

Annotate forms

Describe forms and fields using HTML attributes such astoolname,tooldescription andtoolparamdescription.The browser uses these descriptions to expose the form as a tool.

Imperative — JavaScript

Register functions

Register functions withdocument.modelContext.registerTool().A compatible AI agent can call these functions and receive structured data.

// AVAILABLE_TOOLS

What AI agents can do here

This page offers one form and four JavaScript tools for browsers with WebMCP support. Use the buttons below to explore the examples without an AI agent.

// LIVE_DEMO

Try it yourself

The contact form sends a real enquiry. The tool examples show structured data; the scheduling demo does not book appointments or check availability.

How to test

  • 1.Click the tool buttons to see examples of structured output.
  • 2.Inspect the form in DevTools: look for toolname on the form and toolparamdescription on the fields.
  • 3.Read the Chrome WebMCP documentation for current browser requirements and testing instructions.

Declarative — HTML attributes

Request a call

Enter your details to request an exploratory call.

Imperative — Tool output

Live output

Choose a tool example or use an AI agent in a compatible browser.

// Click a tool above to view an example.
// Agent access requires a browser with WebMCP support.
// The scheduling demo has no live calendar connection.

// CONTACT

Ready to get started?

Curious about what WebMCP could mean for your website? Request an exploratory call.