WebMCP

Alexandra Klepper
Alexandra Klepper
GitHub Bluesky

Gepubliceerd: 18 mei 2026

WebMCP is een voorgestelde webstandaard die het mogelijk maakt om gestructureerde tools voor AI- agenten te bouwen en beschikbaar te stellen. WebMCP biedt JavaScript en annotaties voor HTML-formulierelementen, zodat agenten precies weten hoe ze met paginafuncties moeten interageren en de gebruikerservaring kunnen verbeteren. Dit kan de prestaties en betrouwbaarheid van de aansturing van agenten aanzienlijk verbeteren.

AI-agenten zijn een relatief nieuwe technologie. Ze kunnen menselijke gebruikers helpen bij het beter uitvoeren van zeer complexe en technische taken. WebMCP biedt een hogere nauwkeurigheid bij het voltooien van taken door agenten en kan als een progressieve verbetering worden toegevoegd.

Waarom WebMCP?

WebMCP kan u helpen de kloof tussen webapplicaties en agents te overbruggen, waardoor de efficiëntie, betrouwbaarheid en taakafhandeling verbeteren door interactieregels te bieden. In plaats van dat een agent een element, zoals een knop of een veld, moet beoordelen om het doel ervan te begrijpen, verklaart de website het doel van het element, zodat het correct wordt gebruikt.

Dit is betrouwbaarder dan aansturing, die uit meerdere stappen kan bestaan ​​en waarbij elke stap voor interpretatie vatbaar is door de gebruiker.

Websites kunnen een expliciet doel delen, zoals zoeken of kopen, door een tool te definiëren. Tools worden zichtbaar uitgevoerd op uw webpagina, waardoor gebruikers erop kunnen vertrouwen dat taken naar verwachting worden uitgevoerd. Dit zorgt er ook voor dat uw merkidentiteit en mensgerichte ontwerpkeuzes behouden blijven.

WebMCP ondersteunt:

  • Ontdekking : Een standaardmethode voor pagina's om tools bij agents te registreren, zoals checkout of filter_results .
  • JSON-schema's : Expliciete definities van invoer en verwachte uitvoer, om verwarring of misverstanden te voorkomen.
  • Status : Een gedeeld begrip van de huidige paginacontext, zodat de agent weet welke resources beschikbaar zijn om in realtime op te reageren.

Ons doel is om API's te bouwen die elke browser met agentmogelijkheden kan implementeren en waarvan gebruikers kunnen profiteren, zodat uw gebruikers taken gemakkelijker kunnen voltooien. U kunt dit proces volgen op GitHub .

Gebruiksvoorbeelden

Er zijn veel manieren waarop je WebMCP op het web kunt gebruiken. Bijvoorbeeld:

  • Help uw klanten bij het vinden van ondersteuning . Als u software aan klanten levert, kan uw ondersteuningsproces complex zijn en veel verschillende vragen beantwoorden. Met WebMCP kunt u een medewerker helpen sneller naar het juiste formulier te navigeren en velden in te vullen met door de gebruiker verstrekte informatie.
  • Verbeter het boeken van reizen . Help reisagenten complexe reizen met meerdere bestemmingen en meerdere passagiers te boeken met minder stappen.

Sommige acties kunnen gevoelig zijn, zoals een aankoop doen. U kunt een opdracht toevoegen om de gebruiker te vragen te reageren met een bevestigingsdialoogvenster.

In de praktijk zouden uw gereedschappen de volgende taken kunnen uitvoeren:

  • Vul gestructureerde formulieren in : Ontwikkel een submit_application tool waarmee agenten de gegevens die tijdens het gesprek met de gebruiker zijn verzameld, correct aan formuliervelden kunnen koppelen. Je kunt bijvoorbeeld onderscheid maken tussen velden waar een volledige naam vereist is en velden waar een aparte voor- en achternaam nodig zijn.
  • Ondersteun interacties met agenten in mensgerichte interfaces : bepaalde velden zijn ontworpen voor menselijke gebruikers, maar worden mogelijk niet begrepen door agenten. Je zou een tool kunnen bouwen waarmee complexe datum- en date_pick mogelijk zijn bij het maken van een reservering of het boeken van een evenement.
  • Snellere applicatiefoutopsporing : U kunt een run_diagnostics tool bouwen op een pagina met ontwikkelaarsinstellingen, zodat een agent correcties kan uitvoeren die anders verborgen blijven achter geneste menu's.

Ontbreekt jouw use case? Of heb je een enthousiast idee voor WebMCP dat je graag wilt delen? Doe mee aan het early preview-programma en deel je feedback.

Aan de slag

WebMCP is beschikbaar als een Chrome-vlag voor lokale ontwikkeling. Het zal beschikbaar zijn in een origin-proefversie in Chrome 149.

Om WebMCP lokaal in te schakelen:

  1. Open Chrome en ga naar chrome://flags/#enable-webmcp-testing
  2. Zet de vlag op Ingeschakeld .
  3. Start Chrome opnieuw op om de wijzigingen toe te passen.

Gebruik de WebMCP API's

Er zijn twee API's die je kunt gebruiken om de tools voor je website in te stellen:

  • Imperatieve API : Definieer verschillende soorten 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 creëren.

Beperkingen

Hoewel WebMCP tot doel heeft complexe taken te vereenvoudigen voor zowel agents als mensen, kent het enkele beperkingen:

  • Browsercontext vereist : Omdat toolaanroepen in JavaScript worden afgehandeld, moet een browsertabblad of webview geopend zijn om een ​​zichtbare interface en browsercontext te bieden. Met andere woorden, er is geen ondersteuning voor agents of ondersteunende tools om tools aan te roepen in een headless-modus.
  • Meer overhead voor complexe interfaces : Als uw site erg complex is, moet u waarschijnlijk JavaScript aanpassen of toevoegen om de applicatie- en interfacestatus te beheren.
  • Vindbaarheid van tools : Clients en browsers moeten een site rechtstreeks bezoeken om te weten of deze oproepbare tools bevat.

Toestemmingsbeleid

Beide API's worden beheerd door het machtigingsbeleid tools . Het beleid is standaard ingesteld op ' self , wat registratie van de tool toestaat in contexten op het hoogste niveau en met dezelfde oorsprong, en is uitgeschakeld voor iframes met een andere oorsprong.

Om WebMCP-tools in een cross-origin iframe toe te staan, voegt u het attribuut allow="tools" toe aan het iframe.

Demo

Voorbeelden van demonstraties die zowel imperatieve als declaratieve implementaties omvatten, zijn beschikbaar:

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

Imiteer een agentenchat met de inspecteur-extensie.

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 uw eigen applicaties. Gebruik prompts in natuurlijke taal om te bepalen of de agent naar verwachting met WebMCP-tools communiceert.

Met de extensie kunt u:

  • Bekijk welke tools op een pagina zijn geregistreerd door de navigator.modelContext API te monitoren.
  • Roep tools handmatig aan en voer functies uit.
  • Controleer of uw JSON-schema correct is gedefinieerd en of de browser de gegevens kan verwerken zoals de tool dat verwacht.
  • Bekijk de gestructureerde uitvoer of foutmeldingen die uw tool retourneert om er zeker van te zijn dat ze duidelijk zijn geschreven en correct zijn opgemaakt, zodat een agent ze kan begrijpen.

Communiceer met de agent in natuurlijke taal om te controleren of deze de juiste WebMCP-tools correct kan identificeren en aanroepen. Uw prompts worden standaard naar het gemini-3-flash-preview model verzonden.

Betrek de deelnemers en deel je feedback.

WebMCP wordt momenteel actief besproken en kan in de toekomst nog veranderen. Als u deze API's uitprobeert en feedback heeft, horen we dat graag.