WebMCP

Alexandra Klepper

François Beaufort

Kasper Kulikowski

Veröffentlicht: 18. Mai 2026, zuletzt aktualisiert: 7. Oktober 2026

WebMCP ist ein vorgeschlagener Webstandard, mit dem Sie strukturierte Tools für KI-Agenten erstellen und bereitstellen können. WebMCP stellt JavaScript bereit und annotiert HTML-Formularelemente, damit Agenten genau wissen, wie sie mit Seitenfunktionen interagieren müssen, um die Nutzererfahrung zu verbessern. Dies kann die Leistung und Zuverlässigkeit der Agenteninteraktion erheblich verbessern.

KI-Agenten sind eine neuere Technologie. Sie können menschlichen Nutzern helfen, hochkomplexe und technische Aufgaben besser zu erledigen. WebMCP bietet eine höhere Genauigkeit bei der Erledigung von Aufgaben durch KI-Agenten und kann als progressive Verbesserung hinzugefügt werden.

Erklärvideo	Web	Erweiterungen	Chrome-Status	Absicht
GitHub	Ursprungstest		Ansicht	Intent to Experiment

Vorteile von WebMCP

WebMCP bietet Interaktionsregeln, die die Lücke zwischen Webanwendungen und Agenten schließen und so die Effizienz, Zuverlässigkeit und Aufgabenerledigung verbessern. Anstatt dass ein Agent das Element, z. B. eine Schaltfläche oder ein Feld, überprüft, um seinen Zweck zu verstehen, deklariert die Website den Zweck des Elements, damit es wie vorgesehen verwendet wird.

Das ist zuverlässiger als die simulierte Benutzerinteraktion, die viele Schritte umfassen kann und bei der jeder Schritt vom Agenten interpretiert werden muss.

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

WebMCP unterstützt:

• Erkennung: Eine Standardmethode, mit der Seiten Tools bei KI-Agenten registrieren können, z. B. checkout oder filter_results.
• 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 verfügbar sind.

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 verfolgen.

Anwendungsfälle

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

• Kunden beim Erhalt von 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 können Sie einem Kundenservicemitarbeiter helfen, schneller zum richtigen Formular zu gelangen und Felder mit von Nutzern bereitgestellten Informationen auszufüllen.
• Reisebuchungen verbessern: Helfen Sie Agenten, komplexe Multistop-Flüge und Reisen mit mehreren Passagieren mit weniger Schritten zu buchen.

Einige Aktionen können sensibel sein, 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 erfüllen:

• Strukturierte Formulare ausfüllen: Erstellen Sie ein submit_application-Tool, mit dem Kundenservicemitarbeiter die aus der Unterhaltung mit dem Nutzer erhobenen Daten den Formularfeldern korrekt zuordnen können. Sie können beispielsweise unterscheiden, ob in einem Feld ein vollständiger Name oder ein separater Vor- und Nachname erforderlich ist.
• Interaktionen von Kundenservicemitarbeitern in Benutzeroberflächen, die für Menschen optimiert sind: Bestimmte Felder sind für menschliche Nutzer konzipiert, werden aber möglicherweise nicht von KI-Agenten verstanden. Sie könnten ein date_pick-Tool erstellen, das eine komplexe Datums- und Uhrzeitauswahl bei einer Reservierung oder Veranstaltungsbuchung ermöglicht.
• Schnelleres Debugging von Anwendungen: Sie können auf einer Seite mit Entwicklereinstellungen ein run_diagnostics-Tool erstellen, mit dem ein Agent Fehlerbehebungen auslösen kann, die sonst hinter verschachtelten Menüs verborgen sind.

Fehlt Ihr Anwendungsfall? Oder haben Sie eine Idee für WebMCP, die Sie gerne teilen möchten? Fragen stellen und an Diskussionen auf GitHub teilnehmen

Jetzt starten

Ab Chrome 149 können Sie am WebMCP-Ursprungstest teilnehmen. Weitere Informationen zu den ersten Schritten mit Ursprungstests

Lokales WebMCP

WebMCP ist als Chrome-Flag für die lokale Entwicklung verfügbar:

1. Öffnen Sie Chrome und rufen Sie chrome://flags/#enable-webmcp-testing auf.
2. Setzen Sie das Flag auf Enabled (Aktiviert).
3. Starten Sie Chrome neu, damit die Änderungen wirksam werden.

WebMCP APIs verwenden

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

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

Mit den Chrome-Entwicklertools können Sie WebMCP-Tools debuggen und prüfen, wie der Browser das JSON-Schema parst.

Beschränkungen

WebMCP soll komplexe Aufgaben für KI-Agenten und Menschen vereinfachen, hat aber auch Einschränkungen:

• Headless Browsing: Es ist zwar möglich, WebMCP-Tools in Headless-Umgebungen auszuführen, diese API ist jedoch in erster Linie für lokale Browser-Workflows mit einem Human in the Loop konzipiert.
• Overhead für komplexe Oberflächen: Wenn Ihre Website sehr komplex ist, müssen Sie wahrscheinlich JavaScript refaktorieren oder hinzufügen, um den Anwendungs- und Oberflächenstatus zu verarbeiten.
• Auffindbarkeit von Tools: Clients und Browser müssen eine Website direkt besuchen, um zu erfahren, ob sie aufrufbare Tools enthält.

Berechtigungsrichtlinie

Beide APIs werden durch die tools-Berechtigungsrichtlinie gesteuert. Die Richtlinie ist standardmäßig auf self festgelegt. Dadurch wird die Toolregistrierung in Kontexten der obersten Ebene und mit demselben Ursprung zugelassen und für ursprungsübergreifende iFrames 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, die sowohl imperative als auch deklarative Implementierungen abdecken, sind verfügbar:

• WebMCP zaMaker verwendet die WebMCP Imperative API.
• Die Reisedemo (React) verwendet die WebMCP Imperative API.
• Die Le Petit Bistro-Demo verwendet die deklarative WebMCP API.

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

Agenten imitieren, um Ihre Tools zu testen

Wir haben zwei Chrome-Erweiterungen entwickelt, mit denen Sie sehen können, wie WebMCP-Tools in unseren Demos und Ihren Anwendungen funktionieren.

Installieren Sie die Beispiel-Chrome-Erweiterung für Agenten, um WebMCP-Tools mit Prompts in natürlicher Sprache zu prüfen, zu überwachen und auszuführen. Insbesondere vertraut diese Erweiterung immer WebMCP-Anmerkungen, die den Agenten auf sensible Aktionen aufmerksam machen können. Dies zeigt, wie ein Tool mit Annotationen anders funktionieren kann.

Standardmäßig verwendet diese Erweiterung einen kleinen Node-Server mit einem AI SDK. API-Schlüssel sind erforderlich und bleiben auf dem lokalen Server. Ihre Prompts werden standardmäßig an das Modell gemini-3.6-flash gesendet. Sie können die Modellauswahl und den API-Anbieter jedoch in der Datei .env der Erweiterung ändern. Es gibt Felder für OpenAI, Google und Anthropic. Alternativ können Sie die Erweiterung so anpassen, dass ein Modell eines anderen Anbieters verwendet wird.

Alternativ können Sie ein clientseitiges Modell mit der Prompt API verwenden. Dafür sind keine API-Schlüssel erforderlich und die Daten bleiben auf Ihrem Gerät. Aktivieren Sie dazu chrome://flags/#prompt-api-tool-use.

Installieren Sie die Model Context Tool Inspector-Erweiterung, 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 KI-Agent wie erwartet mit WebMCP-Tools interagiert.

Wenn Sie Gemini zum Aufrufen Ihrer Tools verwenden möchten, benötigen Sie einen API-Schlüssel, den Sie in der Benutzeroberfläche der Erweiterung angeben. Ihre Prompts werden standardmäßig an das Modell gemini-3.6-flash gesendet. Sie können ein anderes Gemini-Modell auswählen, um damit zu experimentieren, oder den Erweiterungscode anpassen, um das Modell eines anderen Anbieters zu verwenden.

Interagieren und Feedback geben

WebMCP wird derzeit aktiv diskutiert und kann sich in Zukunft ändern. Wenn Sie diese APIs ausprobieren und Feedback haben, freuen wir uns über Ihre Rückmeldung.

• Nehmen Sie am WebMCP-Ursprungstest teil und verfolgen Sie die Implementierung für Chrome unter Chrome Status.
• Lesen Sie die WebMCP-Erläuterung, stellen Sie Fragen und beteiligen Sie sich an der Diskussion.
• Best Practices für WebMCP
• Lesen Sie unsere Sicherheitsleitfäden für das WebMCP-Tool und die Best Practices.
• Wenn du Feedback zur Implementierung von Chrome hast, melde einen Chromium-Fehler.