A live WebMCP playground

Give your browser hands.

This page doesn't hand an AI agent a screen to squint at. It hands it typed functions. Ask an agent to read this page, fill the form, fetch your local weather, make a share image, and post it. Watch every call arrive on the right.

checking…
READ · summarize_page()

Let the agent understand this page

The page hands over its own content as structured data, so nothing gets scraped off a rendered screen.

Nothing read yet. An agent would call summarize_page to learn what this page is and what it can do.
WRITE · fill_lead_form()

Request a walkthrough

The agent writes into the DOM with typed arguments. It can fill and propose, but a human still presses confirm. Nothing is sent anywhere.

FETCH · get_weather()

Pull in live context

A tool can reach a real API. This one calls Open-Meteo. With no arguments it uses your approximate location (from your connection, via the edge). The agent can also pass any city.

No data fetched yet. An agent would call get_weather.
GENERATE · create_share_card()

Make a shareable image

The agent renders a branded card on a <canvas> and produces a downloadable PNG: an artifact generated on the page.

No card generated yet. An agent would call create_share_card.
NAVIGATE · share_page()

Tell the world

A tool can trigger an outbound action, like opening the X or LinkedIn share composer. The human still chooses to post.

No post composed yet. An agent would call share_page.

Tool calls

idle
    Calls appear here the moment an agent (or you, via the DevTools
    console) invokes a tool. See “how to run it” up top.

    How to try it for real

    WebMCP is new (Chrome 149 origin trial, Edge 147 native). Here's where it actually runs today, and how to see the tool calls yourself.

    With an agent

    ChatGPT desktop app

    Its built-in browser can discover and call site tools with GPT-5.6 Sol or Terra. Open this page as a tab and ask. Heads up: site tools are off on Enterprise/Edu workspaces, so use a personal account.

    Try saying:"Summarize this page, fill the form as Priya at Acme (priya@acme.com), get the weather, make a share card and post it to X."
    Chrome 149+ / Edge 147

    Flip the flag

    No token needed, about ten seconds.

    1. Open chrome://flags/#enable-webmcp-testing
    2. Set it to Enabled, relaunch
    3. Reload this page. The badge above turns green.
    Developers

    Call them in the console

    With WebMCP on, open DevTools and drive the tools yourself: real calls, no agent needed.

    await document.modelContext.getTools()

    Read

    summarize_page returns data, not pixels. The page tells the agent what it is, so it reasons instead of scraping.

    Write

    fill_lead_form mutates the DOM with typed args, then arms the button. A human commits. The page chose that gate; the browser doesn't enforce it.

    Fetch

    get_weather hits a real external API. Tools aren't limited to the page. They can reach the internet.

    Generate

    create_share_card renders a canvas image and hands back a downloadable file, so an agent can produce a real artifact right on the page.

    Navigate

    share_page triggers an outbound action. The agent opens the composer; you decide to post.