WebMCP

Alexandra Klepper
Alexandra Klepper
GitHub Bluesky

Veröffentlicht: 18. Mai 2026, zuletzt aktualisiert: 5. Juni 2026

WebMCP ist ein vorgeschlagener Webstandard, mit dem Sie strukturierte Tools für KI-Agents erstellen und verfügbar machen können. WebMCP stellt JavaScript bereit und annotiert HTML-Formularelemente, damit Agents genau wissen, wie sie mit Seitenfunktionen interagieren müssen, um die Nutzererfahrung zu verbessern. Dadurch können die Leistung und Zuverlässigkeit der Agent-Aktivierung erheblich verbessert werden.

KI‑Agenten sind eine neuere Technologie. Sie können Nutzern helfen, hochkomplexe und technische Aufgaben besser zu erledigen. WebMCP bietet eine höhere Genauigkeit für die Erledigung von Aufgaben durch den Agent und kann als progressive Erweiterung hinzugefügt werden.

Vorteile von WebMCP

WebMCP kann die Lücke zwischen Webanwendungen und Agents schließen und so die Effizienz, Zuverlässigkeit und Aufgabenerledigung verbessern, indem es Regeln für die Interaktion bereitstellt. Anstatt dass ein Kundenservicemitarbeiter das Element, z. B. eine Schaltfläche oder ein Feld, prüft, um seinen Zweck zu ermitteln, deklariert die Website den Zweck des Elements, damit es korrekt verwendet wird.

Das ist zuverlässiger als die Ausführung, die möglicherweise zahlreiche Schritte umfasst und bei der jeder Schritt vom Agenten interpretiert werden muss.

Websites können einen expliziten Zweck wie Suche oder Kauf angeben, indem sie ein tool definieren. Tools werden auf Ihrer Webseite sichtbar ausgeführt, sodass Nutzer darauf vertrauen können, dass Aufgaben wie erwartet erledigt werden. So bleiben Ihre Marken- und nutzerorientierten Designentscheidungen erhalten.

WebMCP unterstützt:

  • Discovery: Eine Standardmethode, mit der Seiten Tools bei Agents wie checkout oder filter_results registrieren können.
  • JSON-Schemas: Explizite Definitionen von Eingaben und erwarteten Ausgaben, um Halluzinationen oder Missverständnisse zu reduzieren.
  • Status: Ein gemeinsames Verständnis des aktuellen Seitenkontexts, damit der Agent weiß, welche Ressourcen in Echtzeit zur Verfügung stehen.

Unser Ziel ist es, APIs zu entwickeln, die von jedem Browser mit agentischen Funktionen implementiert und genutzt werden können, damit Ihre Nutzer Aufgaben einfacher erledigen können. Sie können diesen Prozess auf GitHub nachvollziehen.

Anwendungsfälle

Es gibt viele Möglichkeiten, WebMCP im Web zu verwenden. Beispiel:

  • Kunden bei der Kontaktaufnahme mit dem Support unterstützen Wenn Sie Kunden Software zur Verfügung stellen, haben Sie möglicherweise einen komplexen Supportablauf, um viele verschiedene Fragen zu beantworten. Mit WebMCP kann ein Kundenservicemitarbeiter schneller zum richtigen Formular navigieren und Felder mit von Nutzern bereitgestellten Informationen ausfüllen.
  • Reisebuchungen verbessern: Agenten können komplexe Multistop-Flüge und Reisen mit mehreren Passagieren in weniger Schritten buchen.

Einige Aktionen sind möglicherweise vertraulich, z. B. ein Kauf. Sie können einen Befehl einfügen, um eine Nutzerinteraktion mit einem Bestätigungsdialogfeld anzufordern.

In der Praxis könnten Ihre Tools die folgenden Aufgaben ausführen:

  • Strukturierte Formulare ausfüllen: Erstellen Sie ein submit_application-Tool, mit dem Kundenservicemitarbeiter Daten, die aus der Unterhaltung mit dem Nutzer stammen, korrekt Formularfeldern zuordnen können. So können Sie beispielsweise unterscheiden, ob für ein Feld ein vollständiger Name oder ein separater Vor- und Nachname erforderlich ist.
  • Interaktionen mit Kundenservicemitarbeitern in benutzerfreundlichen Oberflächen: Bestimmte Felder sind für menschliche Nutzer konzipiert, werden aber möglicherweise nicht von Kundenservicemitarbeitern verstanden. Sie könnten ein date_pick-Tool entwickeln, das eine komplexe Auswahl von Datum und Uhrzeit bei der Buchung einer Reservierung oder Veranstaltung ermöglicht.
  • Schnellere Fehlersuche bei Anwendungen: Sie können ein run_diagnostics-Tool auf einer Seite mit Entwicklereinstellungen erstellen, damit ein Kundenservicemitarbeiter Korrekturen auslösen kann, die sonst hinter verschachtelten Menüs verborgen sind.

Fehlt Ihr Anwendungsfall? Oder haben Sie eine Idee, die Sie gerne mit dem WebMCP-Team teilen möchten? Nehmen Sie am Early-Access-Programm teil und geben Sie Feedback.

Jetzt starten

WebMCP ist als Chrome-Flag für die lokale Entwicklung verfügbar. Sie ist in Chrome 149 in einem Ursprungstest verfügbar.

So aktivieren Sie WebMCP lokal:

  1. Öffnen Sie Chrome und rufen Sie chrome://flags/#enable-webmcp-testing auf.
  2. Setzen Sie das Flag auf Aktiviert.
  3. Starten Sie Chrome neu, um die Änderungen zu übernehmen.

WebMCP-APIs verwenden

Es gibt zwei APIs, mit denen Sie Ihre Website-Tools einrichten können:

  • Imperative API: Definieren Sie verschiedene Arten von Tools mit Standard-JavaScript, z. B. Formulareingabe, Navigationstools, Statusverwaltung oder andere Funktionen.
  • Deklarative API: Fügen Sie einem Standard-HTML-Formular Anmerkungen hinzu, um ein WebMCP-Tool zu erstellen.

Beschränkungen

WebMCP soll komplexe Aufgaben für Agenten und Menschen vereinfachen, es gibt jedoch einige Einschränkungen:

  • Browsing-Kontext erforderlich: Da Tool-Aufrufe in JavaScript verarbeitet werden, muss ein Browser-Tab oder eine Webview geöffnet werden, um eine sichtbare Benutzeroberfläche und einen Browser-Kontext bereitzustellen. Das bedeutet, dass es keine Unterstützung für Agents oder Hilfstools gibt, um Tools im Headless-Modus aufzurufen.
  • Höherer Aufwand für komplexe Schnittstellen: Wenn Ihre Website sehr komplex ist, müssen Sie wahrscheinlich JavaScript hinzufügen oder den Code umgestalten, um den Anwendungs- und Schnittstellenzustand zu verarbeiten.
  • Auffindbarkeit von Tools: Clients und Browser müssen eine Website direkt aufrufen, um zu erfahren, ob sie aufrufbare Tools enthält.

Sicherheit und Berechtigungen

WebMCP-APIs unterliegen sowohl den Anforderungen an die Ursprungsisolierung als auch der Berechtigungsrichtlinie.

Ursprungsisolation

WebMCP ist nur in ursprungsisolierten Dokumenten verfügbar. So wird sichergestellt, dass der Ursprung des Dokuments während der gesamten Lebensdauer des Tools stabil bleibt.

Wenn für ein Dokument document.domain aktiviert ist (z. B. durch Verwendung des HTTP-Headers Origin-Agent-Cluster: ?0), sind WebMCP-APIs deaktiviert.

Richtlinie für Berechtigungen

Für beide APIs gilt die tools Berechtigungsrichtlinie. Die Richtlinie ist standardmäßig auf self festgelegt. Dadurch ist die Toolregistrierung in Kontexten der obersten Ebene und mit demselben Ursprung zulässig, für ursprungsübergreifende iFrames jedoch deaktiviert.

Wenn Sie WebMCP-Tools in einem ursprungsübergreifenden iFrame zulassen möchten, fügen Sie dem iFrame das Attribut allow="tools" hinzu.

Demo

Beispiele für Demos mit imperativen und deklarativen Implementierungen sind verfügbar:

Sie können sich den Quellcode der Demo auch auf GitHub ansehen.

Agent-Chat mit der Inspector-Erweiterung simulieren

Installieren Sie die Erweiterung „Model Context Tool Inspector“, um mit einem Agenten zu experimentieren und zu sehen, wie WebMCP-Tools in Live-Demos oder Ihren eigenen Anwendungen funktionieren. Verwenden Sie Prompts in natürlicher Sprache, um festzustellen, ob der Agent wie erwartet mit WebMCP-Tools interagiert.

Mit der Erweiterung können Sie:

  • Wenn Sie die WebMCP API überwachen, können Sie sehen, welche Tools auf einer Seite registriert sind.
  • Tools manuell aufrufen und Funktionen ausführen
  • Prüfen Sie, ob Ihr JSON-Schema richtig definiert ist und der Browser Daten wie vom Tool erwartet parsen kann.
  • Sehen Sie sich die strukturierte Ausgabe oder Fehlermeldungen an, die von Ihrem Tool zurückgegeben werden, um sicherzustellen, dass sie klar formuliert und richtig formatiert sind, damit ein Kundenservicemitarbeiter sie verstehen kann.

Sprechen Sie mit dem Agenten in natürlicher Sprache, um zu sehen, ob er die entsprechenden WebMCP-Tools richtig identifizieren und aufrufen kann. Ihre Prompts werden standardmäßig an das Modell gemini-3-flash-preview gesendet.

Feedback geben

WebMCP wird derzeit aktiv diskutiert und kann sich in Zukunft ändern. Wenn Sie diese APIs ausprobieren und Feedback dazu haben, freuen wir uns darauf.