Interactieve WebMCP-demo

DEZE PAGINA
IS EEN API.

WebMCP is een experimentele browserinterface waarmee AI-agents via gestructureerde tools met websites kunnen communiceren. Ontdek hier hoe dat werkt.

Bekijk de live demo Wat is WebMCP?

// WAT_IS_WEBMCP

Een gedeelde taal voor AI en websites

WebMCP laat een website expliciet beschrijven welke acties en gegevens beschikbaar zijn. Een geschikte AI-agent kan die tools gebruiken in een browser die WebMCP ondersteunt. Browserondersteuning en de API zijn nog in ontwikkeling.

HTML
formulieren beschrijven
JS
functies beschikbaar maken
JSON
gestructureerde gegevens

Declaratief — HTML

Formulieren annoteren

Beschrijf formulieren en velden met HTML-attributen zoalstoolname,tooldescription entoolparamdescription.De browser gebruikt deze beschrijvingen om het formulier als tool aan te bieden.

Imperatief — JavaScript

Functies registreren

Registreer functies viadocument.modelContext.registerTool().Een geschikte AI-agent kan de functies aanroepen en gestructureerde gegevens terugkrijgen.

// BESCHIKBARE_TOOLS

Wat AI-agents hier kunnen doen

Deze pagina biedt een formulier en vier JavaScript-tools aan voor browsers met WebMCP-ondersteuning. Met de knoppen hieronder kun je de voorbeelden ook zonder AI-agent bekijken.

// LIVE_DEMO

Probeer het zelf

Het contactformulier verstuurt een echte aanvraag. De toolvoorbeelden tonen gestructureerde gegevens; de agendademo maakt geen afspraken en controleert geen beschikbaarheid.

Hoe testen?

  • 1.Klik op de toolknoppen om voorbeelden van de gestructureerde uitvoer te zien.
  • 2.Inspecteer het formulier in DevTools: bekijk toolname op het formulier en toolparamdescription op de velden.
  • 3.Lees de WebMCP-documentatie van Chrome voor de actuele browservereisten en testinstructies.

Declaratief — HTML-attributen

Gesprek aanvragen

Vul je gegevens in om een verkennend gesprek aan te vragen.

Imperatief — Tooluitvoer

Live uitvoer

Kies een toolvoorbeeld of gebruik een AI-agent in een geschikte browser.

// Klik op een tool hierboven om een voorbeeld te bekijken.
// Voor agenttoegang is een browser met WebMCP-ondersteuning nodig.
// De agendademo heeft geen live agendakoppeling.

// CONTACT

Klaar om te starten?

Benieuwd wat WebMCP voor jouw website kan betekenen? Vraag een verkennend gesprek aan.

Vraag een gesprek aan Terug naar home