Live Demo

Three real HTML forms, registered as WebMCP tools with a single script tag. Use the Agent Simulator to invoke them exactly as an AI agent would.

Powered by auto-webmcp: one <script> tag, zero manual coding

Flight Search

Search for available flights between airports

search_flights

Origin Airport

Destination Airport

Departure Date

Passengers

Cabin Class

Trip Type

Roundtrip One Way Multi-City

Contact Support

Submit a support ticket to the team

contact_support

Your Name

Email Address

Subject

Priority

Low Normal High

Message

MutationObserver Demo

Dynamically injected forms register automatically

Dynamic

Click to inject a newsletter signup form into the DOM. Watch it appear as a registered tool in the panel instantly, powered by MutationObserver.

WebMCP Status

Checking...

Registered Tools 0

Forms register here as they load...

Event Log

Events appear here in real time...

Agent Simulator

Invoke tools exactly as an AI agent would. Fills fields and auto-submits the form.

Real agents call tools via the WebMCP API. Chrome passes the tool call to your page's execute handler (the same function the simulator uses below).

Call log appears here after simulator runs...