WebMCP

Alexandra Klepper

François Beaufort

Kasper Kulikowski

Gepubliceerd: 18 mei 2026, Laatste update: 7 oktober 2026

WebMCP is een voorgestelde webstandaard waarmee u gestructureerde tools voor AI-agents kunt maken en beschikbaar kunt stellen. WebMCP biedt JavaScript en annoteert HTML-formulierelementen zodat agents precies weten hoe ze interactie moeten hebben met paginafuncties om de gebruikerservaring te ondersteunen. Dit kan de prestaties en betrouwbaarheid van de activering van de agent aanzienlijk verbeteren.

AI-agenten zijn een nieuwere technologie. Ze kunnen menselijke gebruikers helpen om zeer complexe en technische taken beter uit te voeren. WebMCP biedt een hogere nauwkeurigheid voor de voltooiing van taken door agents en kan worden toegevoegd als progressieve verbetering.

Uitleg	Web	Extensies	Chrome-status	Intentie
GitHub	Origin-proefperiode		Bekijken	Intentie om te experimenteren

Waarom WebMCP?

WebMCP biedt interactieregels die de kloof tussen web-apps en agents overbruggen, waardoor de efficiëntie, betrouwbaarheid en taakvoltooiing worden verbeterd. In plaats van dat een agent het element, zoals een knop of een veld, beoordeelt om het doel ervan te begrijpen, verklaart de website het doel van het element, zodat het wordt gebruikt zoals bedoeld.

Dit is betrouwbaarder dan activering, wat veel stappen kan hebben en waarbij elke stap openstaat voor interpretatie door de agent.

Websites kunnen een expliciet doel, zoals zoeken of kopen, delen door een tool te definiëren. Tools worden zichtbaar op uw webpagina uitgevoerd, zodat gebruikers erop kunnen vertrouwen dat taken worden afgerond zoals verwacht. Zo blijven uw merk- en mensgerichte ontwerpkeuzes intact.

WebMCP ondersteunt:

• Ontdekking: Een standaardmanier voor pagina's om tools te registreren bij agenten, zoals checkout of filter_results.
• Json-schema's: Expliciete definities van invoer en verwachte uitvoer om hallucinaties of misverstanden te verminderen.
• Status: Een gedeeld begrip van de huidige paginacontext, zodat de medewerker weet welke bronnen beschikbaar zijn om in realtime acties uit te voeren.

Ons doel is om API's te maken die elke browser met agentische mogelijkheden kan implementeren en gebruiken, zodat uw gebruikers taken makkelijker kunnen afronden. Je kunt dit proces volgen op GitHub.

Toepassingen

Je kunt WebMCP op veel manieren gebruiken op het web. Voorbeeld:

• Help uw klanten support te krijgen. Als je software aan klanten levert, heb je misschien een complex supportproces om veel verschillende vragen te beantwoorden. U kunt WebMCP gebruiken om een medewerker sneller naar het juiste formulier te leiden en velden in te vullen met door de gebruiker verstrekte informatie.
• Reisboekingen verbeteren. Help medewerkers in minder stappen complexe reizen met meerdere bestemmingen en meerdere passagiers te boeken.

Sommige acties kunnen gevoelig zijn, zoals een aankoop doen. U kunt een opdracht opnemen om gebruikersinteractie met een bevestigingsdialoogvenster aan te vragen.

In de praktijk kunnen uw tools de volgende taken uitvoeren:

• Gestructureerde formulieren invullen: Maak een submit_application-tool om medewerkers te helpen de gegevens die tijdens het gesprek met de gebruiker zijn verzameld, correct toe te wijzen aan formuliervelden. U kunt bijvoorbeeld onderscheiden of een veld een volledige naam vereist of een afzonderlijke voor- en achternaam.
• Interacties met supportmedewerkers in interfaces die zijn ontworpen voor mensen: Bepaalde velden zijn ontworpen voor menselijke gebruikers, maar worden misschien niet begrepen door medewerkers. Je kunt een date_pick-tool maken waarmee je een complexe datum- en tijdselectie kunt maken voor een reservering of evenementboeking.
• Snellere foutopsporing in apps: Je kunt een run_diagnostics-tool maken op een pagina met ontwikkelaarsinstellingen, zodat een medewerker fixes kan activeren die anders verborgen zijn achter geneste menu's.

Ontbreekt je use case? Of heb je een idee dat je graag wilt delen voor WebMCP? Vragen stellen en deelnemen aan discussies op GitHub.

Aan de slag

Neem deel aan de origin trial van WebMCP vanaf Chrome 149. Meer informatie over hoe u aan de slag gaat met oorsprongsproeven.

Lokale WebMCP

WebMCP is beschikbaar als Chrome-flag voor lokale ontwikkeling:

1. Open Chrome en ga naar chrome://flags/#enable-webmcp-testing
2. Stel de flag in op Aangezet.
3. Start Chrome opnieuw op om de wijzigingen toe te passen.

WebMCP API's gebruiken

Er zijn 2 API's die u kunt gebruiken om uw websitetools in te stellen:

• Imperatieve API: Definieer verschillende typen tools met standaard JavaScript, zoals formulierinvoer, navigatietools, statusbeheer of andere functies.
• Declaratieve API: Voeg annotaties toe aan standaard HTML-formulieren om een WebMCP-tool te maken.

Je kunt WebMCP-tools debuggen en valideren hoe de browser het JSON-schema parseert met Chrome DevTools.

Beperkingen

WebMCP is bedoeld om complexe taken makkelijker te maken voor agents en mensen, maar er zijn wel beperkingen:

• Browsen zonder interface: Hoewel het misschien mogelijk is om WebMCP-tools uit te voeren in omgevingen zonder interface, is deze API voornamelijk ontworpen voor lokale browserworkflows met een human in the loop.
• Overhead voor complexe interfaces: Als uw site erg complex is, moet u waarschijnlijk JavaScript refactoren of toevoegen om de app- en interfacestatus te verwerken.
• Vindbaarheid van de tool: Klanten en browsers moeten een site rechtstreeks bezoeken om te weten of deze aanroepbare tools heeft.

Rechtenbeleid

Beide API's worden beheerd door het tools Rechtenbeleid. Het beleid is standaard ingesteld op self. Hiermee kunnen tools worden geregistreerd in contexten op het hoogste niveau en met dezelfde oorsprong, en wordt dit uitgezet voor cross-origin iframes.

Als je WebMCP-tools wilt toestaan in een cross-origin iframe, voeg je het allow="tools"-kenmerk toe aan het iframe.

Demo

Er zijn voorbeelden van demo's beschikbaar die zowel imperatieve als declaratieve implementaties behandelen:

• WebMCP zaMaker gebruikt de WebMCP Imperative API.
• Reisdemo (React) gebruikt de WebMCP Imperative API.
• De Le Petit Bistro-demo gebruikt de Declarative API van WebMCP.

Je kunt de broncode van de demo ook controleren en verkennen op GitHub.

Een agent imiteren om je tools te testen

We hebben 2 Chrome-extensies gemaakt waarmee je kunt zien hoe WebMCP-tools werken in onze demo's en je apps.

Installeer de Example Agentic Chrome Extension om WebMCP-tools te inspecteren, te monitoren en uit te voeren met prompts in natuurlijke taal. Deze extensie vertrouwt altijd op WebMCP-annotaties, die de medewerker kunnen waarschuwen voor gevoelige acties. Dit toont aan hoe een tool anders kan presteren met annotaties.

Standaard gebruikt deze extensie een kleine Node-server met een AI-SDK. API-sleutels zijn vereist en blijven op de lokale server. Je prompts worden standaard naar het gemini-3.6-flash-model gestuurd, maar je kunt de modelkeuze en API-provider wijzigen in het .env-bestand van de extensie. Er zijn velden voor OpenAI, Google en Anthropic. Je kunt de extensie ook aanpassen om een model van een andere provider te gebruiken.

Je kunt ook een model aan de clientzijde gebruiken met de Prompt API. Hiervoor zijn geen API-sleutels nodig en de gegevens blijven op je apparaat staan. Zet daarvoor chrome://flags/#prompt-api-tool-use aan.

Installeer de Model Context Tool Inspector-extensie om te experimenteren met een agent en te zien hoe WebMCP-tools werken in live demo's of je eigen apps. Gebruik prompts in natuurlijke taal om te bepalen of de agent zoals verwacht interactie heeft met WebMCP-tools.

Als je Gemini wilt gebruiken om je tools aan te roepen, heb je een API-sleutel nodig. Deze geef je op in de interface van de extensie. Je prompts worden standaard naar het gemini-3.6-flash-model gestuurd. Je kunt een ander Gemini-model selecteren om mee te experimenteren of de extensiecode aanpassen om het model van een andere provider te gebruiken.

Feedback geven en delen

WebMCP wordt actief besproken en kan in de toekomst worden gewijzigd. Als je deze API's probeert en feedback hebt, horen we dat graag.

• Neem deel aan de origin trial van WebMCP en volg de implementatie voor Chrome op Chrome Status.
• Lees de uitleg over WebMCP, stel vragen en neem deel aan de discussie.
• Lees de best practices voor WebMCP.
• Lees onze beveiligingsrichtlijnen en best practices voor WebMCP-tools.
• Als je feedback hebt over de implementatie van Chrome, dien je een Chromium-bug in.