Ik heb een Chrome-extensie en Claude-skill gebouwd waarmee je in één oogopslag ziet hoe goed een website is ingericht voor WebMCP — de nieuwe browserstandaard die AI-agents in staat stelt om direct met webpagina’s te werken. Open de extensie, krijg een score, zie wat er ontbreekt, pak de fix. De code staat op GitHub.
WebMCP. Chrome 146 heeft het er stiekem in gezet, achter een flag, co-geschreven door engineers van Google én Microsoft. Waarschijnlijk weer een hype, maar je weet het nooit. Dit is ook wel het moment waarop AI-agents een fatsoenlijke voordeur moeten krijgen tot het web, in plaats van ze blind door de HTML te laten tasten als iemand die in het donker een lichtknopje zoekt.
Voor wie het nog niet kent: WebMCP is een nieuwe browser-API (navigator.modelContext) die websites de mogelijkheid geeft om gestructureerde tools te registreren. DOM-scraping is niet meer nodig en de hoeveelheid tokens die gebruikt worden om screenshots om te zetten naar iets dat machines begrijpen is ook nergens goed voor. Een agent vraagt “wat kan jij?”, de pagina antwoordt bijvoorbeeld met searchProducts() of addToCart(), en de agent roept die functie aan met getypeerde parameters. Noem het een soort van Structured Data, maar dan (trans)actionable ipv informational
Het is voor AI-agents wat responsive design was voor mobiel. De sites die dit als eerste goed implementeren, worden waarschijnlijk door agents eerder verkozen. De rest bestaat niet in die context, nouja, niet. Ze kosten meer moeite, en we weten allemaal dat de voorkeur ligt van alles en iedereen bij minder moeite.
Oh en als we het hebben over ‘minder moeite’ dan heeft Jan-Willem een extensie gemaakt die netjes in de Chrome Extensions store te vinden is, onderhouden wordt, meer features heeft en wat meer toekomst heeft als je gemak zoekt. Als je dat beter in de oren klinkt: Get Glippy aanrader!
Waarom dan toch zelf bouwen?
Hoe weet ik eigenlijk of een site hier klaar voor is? Of op welk punt ze zitten? Hoe werkt dit nu eigenlijk allemaal?
Dan moet je zelf op onderzoek uit en waarom dan zelf bouwen ipv gewoon Jan-Willem zijn extensie installeren?
Nou met Claude-code kan ik, en iedereen eigenlijk, plots een stuk meer en dwing ik mijzelf ook het eerst te specificeren, prompten, begrijpen en verifieren. Da’s overigens het stadium waar ik nog in zit.
Mijn extensie is mijn eigen ‘itch’ en voor mensen die niet bang zijn voor wat Github, command-line dingen en handwerk of gewoon samen aan een project willen (leren) werken in Github.
Kortom, ik en Claude hebben iets gebouwd.
De WebMCP Readiness Checker doet één ding goed
De extensie scant de pagina die je open hebt staan en geeft je een score van 0 tot 100, verdeeld over zes categorieën:
WebMCP Core – zijn er überhaupt tools geregistreerd via navigator.modelContext? Declaratief via HTML-attributen (toolname, tooldescription, toolparamdescription) of programmatisch via JavaScript? En kloppen de schemas?
Formulieranalyse -hoeveel van de formulieren op de pagina zijn al voorzien van WebMCP-attributen? Dit is het laaghangende fruit. Als je formulieren al schoon zijn, ben je voor 80% van het werk klaar. Dat zei de Chrome Developers blog zelf ook.
Structured data – is er JSON-LD aanwezig? Is er een potentialAction? Product-schema met prijs en beschikbaarheid? Dit is de basis die sowieso al op orde moet zijn, ongeacht WebMCP.
Vindbaarheid – bestaat /.well-known/webmcp? Is er een /llms.txt? Wat staat er in robots.txt over AI-crawlers (GPTBot, Google-Extended, ClaudeBot)?
Technische fundering – HTTPS, semantische HTML, stabiele form-ID’s. De boring stuff die er toch toe doet.
Beveiliging – vlaggen voor risicovolle situaties, zoals formulieren met toolautosubmit die ook wachtwoordvelden bevatten. (Geen punten, alleen waarschuwingen. Want dit moet je écht niet stilletjes door laten gaan.)
In de side panel zie je per categorie wat er gevonden is, wat er mist, en een direct kopieerbare code-fix per aandachtspunt. Schakel de overlay-modus aan en je ziet meteen op de pagina zelf welke formulieren al goed zijn (groen kader) en welke nog niet (rood gestippeld).
De code staat op GitHub: github.com/chapter42/webmcp-readiness-checker
De Claude-skill: voor als je geen browser open hebt
Naast de extensie heb ik ook een Claude-skill gemaakt. Dat is een instructieset die Claude vertelt hoe hij een URL moet auditen op agent-gereedheid, inclusief het ophalen van robots.txt, llms.txt en /.well-known/webmcp, het parsen van de statische HTML op structured data en formulierattributen, en het genereren van een gestructureerd rapport met scores per categorie en prioritaire aanbevelingen.
Voordeel van de skill: je hoeft de browser niet open te hebben. Plak een URL, vraag het rapport op, en je krijgt iets wat je direct in een klantpresentatie kunt zetten.
Nadeel van de skill: Claude kan geen JavaScript uitvoeren in de browser(of iig dit heb ik nog niet verder onderzocht), dus imperatief geregistreerde WebMCP-tools via navigator.modelContext.registerTool() zijn niet detecteerbaar via de skill. Daarvoor gebruik je de extensie. Gebruik ze gerust allebei, de skill voor snelle audits en rapportages, de extensie voor de diepere pagina-voor-pagina-analyse.
De skill-instructies vind je ook in de GitHub-repo.
Waarom nu al?
Goede vraag en ik stel hem zelf ook! WebMCP is nog een Draft Community Group Report, geen definitieve W3C-standaard. Chrome 146 heeft het achter een flag, andere browsers volgen waarschijnlijk pas eind 2026. Maar spelen met Claude Code, ontdekken hoe extensies voor mij kunnen werken en het dan delen met andere liefhebbers vind ik ook leuk!
Maar dit is precies het moment waarop je voorop kunt lopen. De sites die in 2012 Schema.org gingen implementeren, plukten er jaren de vruchten van. Niet omdat Google het die week verplicht stelde, maar omdat ze vroeg begonnen en de kinks eruit hadden tegen de tijd dat het echt begon te tellen.
Het werk dat je nu doet voor WebMCP-gereedheid, schone formulieren, goede structured data, llms.txt, AI-crawlers toestaan in robots.txt, dat is sowieso goed werk. Dat is niet voor niks als de spec nog twintig keer verandert.
Ga het uit proberen. En als je ergens tegenaan loopt, gebruik github om issues te aan te maken. Het is voor mij een probeersel, maar ik nodig je graag uit om mee te doen.
Link: github.com/chapter42/webmcp-readiness-checker
Geef een reactie