Zum Inhalt springen
Neu Folgt dem WebMCP-Entwurf vom 2026-11-02

Machen Sie Ihre Website
agentenfähig

In unserem Benchmark brauchten Agenten mit WebMCP bis zu 62× weniger Tokens (bester Fall: Notion, GPT-6 Luna). Sehen Sie, was Agenten von Ihrer Website bekommen, und beheben Sie es mit einer Zeile.

Keine Website, nur Agenten? Agent einrichten

8.500+ Websites sprechen schon WebMCP

Klicken Sie auf ein Logo, um die Website live zu scannen.

Zählung: Live-Websites im webmcp.com-Verzeichnis (Stand 2026-11-05). Der strengere Known-Good-Index sah beim Ausführen der Seiten 541 Websites Tools registrieren (2026-11-04). Logos am 2026-11-07 mit dem Scanner geprüft; sie gehören ihren Inhabern, es besteht keine Verbindung.

Was ist WebMCP?

WebMCP wird zum Webstandard für KI-Agenten. Wir setzen voll darauf

Ingenieure von Google und Microsoft entwerfen es beim W3C, dem Gremium hinter den Webstandards, und Chrome und Edge testen es bereits. Heute nutzen Claude Code, Codex und alle anderen Agenten Ihre Website wie einen Screenshot: Sie schauen, raten, welchen Button sie drücken sollen, und versuchen es erneut. Langsam, teuer, fehleranfällig. Mit WebMCP sagt Ihre Website den Agenten genau, was sie tun können, etwa suchen, lesen oder in den Warenkorb legen, und sie fragen einfach danach. Wir glauben, dass jede Website WebMCP sprechen wird, deshalb haben wir webmcpx gebaut, damit Ihre es schon heute kann.

Quellen Online-Mind2Web: Agents scheitern an rund 4 von 10 Live-Aufgaben Ein Seiten-Snapshot kostet 12k bis 77k Tokens WindTunnel: Tools gegen Klicken, mit Stoppuhr WebMCP-Entwurf, W3C Web Machine Learning CG (Editoren von Google und Microsoft) Implementierungsstand (Origin Trials in Chrome und Edge) Chrome: WebMCP-Origin-Trial Chrome Platform Status Microsoft Edge: WebMCP-Origin-Trial Microsoft-Edge-Explainer Unsere Benchmark-Methode

  1. Ihre Seite registriert Tools

    Name, Beschreibung, Eingabeschema und eine Funktion: die Aktionen, die Ihre Buttons schon ausführen.

  2. Der Browser listet sie auf

    Ein Agent fragt den Browser, was die Seite kann, mit typisierten Eingaben und Hinweisen wie „nur lesend“.

  3. Der Agent ruft sie auf

    Im eigenen Tab des Nutzers, mit seiner Sitzung: kein neuer Server, kein OAuth.

page.js 
document.modelContext.registerTool({
  name: "search_products",
  description: "Search the catalog by keyword.",
  inputSchema: { type: "object", properties: { query: { type: "string" } } },
  annotations: { readOnlyHint: true },
  async execute({ query }) {
    // Expected failures are answers, never rejections: hosts drop rejection reasons.
    try { return JSON.stringify(await searchCatalog(query)); }
    catch { return JSON.stringify({ error: "Catalog unavailable, try again shortly." }); }
  }
});
webmcpx

Ein unabhängiges Open-Source-Community-Projekt, nicht mit dem W3C oder einem Browserhersteller verbunden. Wir bauen webmcpx, damit sich WebMCP schon heute lohnt: Websites bekommen gute Tools, ohne sie zu schreiben, Agenten kommen mit weniger Tokens zu denselben Antworten, und jede veröffentlichte Zahl lässt sich nachrechnen.

Starten Sie heute mit webmcpx, auf Ihrer Website und in Ihrem Agenten

Alles, was WebMCP heute von den meisten Websites fernhält, gelöst: eine Zeile auf Ihrer Website, ein Befehl in Ihrem Agenten, sonst müssen Sie sich um nichts kümmern.

WebMCP von Hand im Vergleich zu webmcpx
Browser-UnterstützungWebMCP von Hand:Nur Chrome und Edge, hinter einem Flag oder als Origin Trial. Firefox und Safari: noch nichts. Mit webmcpx:Das offizielle Polyfill des W3C, wo WebMCP fehlt: Ihre Tools sind schon heute in Chrome, Firefox und Safari da.
Tools auf jeder SeiteWebMCP von Hand:Sie entwerfen und schreiben jedes einzelne, Seite für Seite. Mit webmcpx:Suche, Lesen und Seitenkontext auf jeder Seite, mit einem einzigen Script-Tag. Ohne Code.
Ihre eigenen AktionenWebMCP von Hand:Schemas, Annotationen und Fehlerbehandlung, für jede von Hand geschrieben. Mit webmcpx:Ein tool()-Aufruf, ein Hook für React, Vue oder Svelte, oder Ihre vorhandenen Formulare.
In Claude Code, Codex, CursorWebMCP von Hand:Eine eigene Bridge bauen oder warten, bis jeder Agent es unterstützt. Mit webmcpx:npx webmcpx mcp: die Tools jeder Seite, dazu die Standard-Tools auf jeder Website, auch ohne webmcpx.
Änderungen an der SpecWebMCP von Hand:Jede Änderung am Entwurf verfolgen und Ihre Tools umschreiben. Mit webmcpx:Wir verfolgen den W3C-Entwurf und gehen mit: Sie aktualisieren ein Paket.
Alles richtig machenWebMCP von Hand:Ergebnisformen, Fehlercodes, Ausgabebudgets, Paging, Annotationen: alles Ihre Sache. Mit webmcpx:Von Haus aus richtig: eine Ergebnisform, Fehlercodes, mit denen Agenten etwas anfangen können, Ausgabebudgets, Paging und korrekte Annotationen.
Sicher für AgentenWebMCP von Hand:Versteckte Anweisungen und unsichtbare Zeichen in Tool-Beschreibungen oder im Seitentext: leicht zu übersehen, leicht auszunutzen. Mit webmcpx:Standard-Tools lesen nur, versteckter Text bleibt draußen, unsichtbare Zeichen werden entfernt, und der Linter meldet versteckte Anweisungen in Ihren Tools.
TestenWebMCP von Hand:Ein Chrome-Flag aktivieren, die DevTools öffnen und hoffen. Mit webmcpx:npx webmcpx tools localhost:3000 listet Ihre Tools in jedem Browser auf, ohne Flag; der Scanner prüft jede Live-URL.
Beleg, dass es sich lohntWebMCP von Hand:Ihr Bauchgefühl. Mit webmcpx:Ein öffentlicher Benchmark von WebMCP gegen das Lesen der Seite: bis zu 62× weniger Tokens für dieselben Antworten (bester Fall: Notion, GPT-6 Luna). Mit einem Befehl nachprüfbar.
KostenWebMCP von Hand:Ihre Zeit, auf jeder Seite und bei jeder Änderung. Mit webmcpx:Kostenlos und Open Source (MIT), rund 2,7 KB beim Laden, kein Konto, kein Server.
Auf Ihrer Website einbinden In Ihrem Agenten einbinden

Rangliste

Wie viel WebMCP spart, Modell für Modell

Ein Agent liest, klickt und füllt Formulare anhand von Seiten-Snapshots aus; der andere ruft die WebMCP-Tools der Website auf. Wählen Sie ein Modell; größte Einsparungen zuerst.

Sortiert nach Erfolg mit WebMCP, dann nach Kosten pro Lauf.

Ausgewählte Fälle: 19 von 30 Fragen, bei denen WebMCP höchstens die Hälfte der Tokens brauchte. Alle Ergebnisse sind öffentlich, oder Sie führen den Benchmark selbst mit just bench aus.

GPT-6 Luna (OpenAI)

Notion

“Ich schreibe lange Absätze über die API in eine Notion-Seite. Wie viele Zeichen darf der Textinhalt eines einzelnen Rich-Text-Objekts in einem Request höchstens haben?”

developers.notion.com (öffnet Notion)

62×

weniger Tokens

65k → 1,0k Tokens

Tokens pro Frage, Tokens pro Lauf; niedriger ist besser. Erfolgsquote pro Variante.
FrageOhne WebMCP: TokensMit WebMCP: TokensOhne WebMCP: gelöstMit WebMCP: gelöst
Notion: Ich schreibe lange Absätze über die API in eine Notion-Seite. Wie viele Zeichen darf der Textinhalt eines einzelnen Rich-Text-Objekts in einem Request höchstens haben?65k1,0k100%100%
Notion: Ich paginiere durch Ergebnisse der Notion API. Welche page_size kann ich bei den List-Endpoints maximal pro Aufruf anfordern?54k1,1k100%100%
Notion: Wie viele Requests pro Minute erlaubt die Notion API pro Verbindung in Plänen außer Business und Enterprise?39k1,1k100%100%
Notion: Wenn meine Notion-Integration zu viele Requests sendet: Welchen Fehlercode-String schreibt die API in den Response-Body?21k1,0k100%100%

Für deinen Agenten

Dein Agent liest jede Seite auf die teure Art. Gib ihm stattdessen die Tools der Seite: Auf den gemessenen Websites gab es dieselben Antworten für einen Bruchteil der Tokens. Funktioniert auf jeder Website und ist der MCP, der in jedes Claude-Code- und Codex-Setup gehört.

Bis zu 62× weniger Tokens

Bester Fall: Notion, GPT-6 Luna

Dieselben Antworten. 2.7× bis 6.0× weniger Tokens bei allen 6 Modellen der Rangliste.

Komplette Läufe: Bei 1–6 von 30 Fragen pro Modell brauchte WebMCP mehr Tokens.

Läuft mit jedem Agenten und Browser

  • Claude Code
  • Codex
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Gemini CLI
  • Zed
  • JetBrains
  • Cline
  • Chrome
  • Firefox
  • Safari
  • Brave
  • Arc
  • Opera
  • Vivaldi
  • Playwright
  • Selenium
  • Puppeteer
  • Cypress
  • WebdriverIO
Prompt 
Nutze WebMCP auf jeder Webseite, mit der du arbeitest, zuerst, bevor du irgendetwas liest oder anklickst: in deinem eigenen Browser und in jedem Skript, das du schreibst oder ausführst (Playwright, Selenium, Puppeteer, browser-use, CDP), auch wenn du WebMCP nativ unterstützt. Richte es mit webmcpx ein (lies https://webmcpx.dev/llms.txt) und nimm diese Regel in deine Agent-Anweisungen auf (AGENTS.md, CLAUDE.md oder Entsprechendes), damit sie für jede künftige Aufgabe gilt. Beweise dann, dass es funktioniert: Öffne https://webmcpx.dev, liste die WebMCP-Tools der Seite auf und rufe eines auf.

Ein Prompt: Dein Agent richtet sich ein, nutzt WebMCP überall zuerst und beweist es auf webmcpx.dev.

Für deine Website

KI-Agenten lesen deine Seiten schon heute. Gib ihnen echte Tools, in zwei Schritten: Bitte deinen Coding-Agenten (Claude Code, Codex, Cursor) darum oder mach es von Hand.

Standard-Tools: eine Zeile

Suche, Lesen und Seitenkontext auf jeder Seite. Ohne Code.

~2,7 KB geladen · Rust + WebAssembly · MIT-Lizenz

Prompt 
Füge dieser Website mit webmcpx WebMCP hinzu: Führe `npx skills add webmcpx/webmcpx -y` aus, folge dem Skill und prüfe dann die Tools mit `npx webmcpx tools <local URL>`.
index.html 
<script type="module" src="https://cdn.jsdelivr.net/npm/webmcpx@0.2/dist/auto.js"></script>

Vor </body> einfügen. In Browsern ohne WebMCP ergänzt es das W3C-Polyfill.

app.js 
// npm i webmcpx
import "webmcpx/polyfill"; // WebMCP where the browser lacks it
import { register } from "webmcpx";

register(); // the standard tools; tool() adds your own

Die Aktionen deiner Website

In den Warenkorb, buchen, im Katalog suchen: die Funktionen, die deine Buttons schon aufrufen, als Tools, die Agenten direkt aufrufen.

Prompt 
Lies https://webmcpx.dev/llms.txt, sieh dir dann dieses Projekt an und schlag die WebMCP-Tools vor, die ein KI-Agent hier nützlich fände. Frag mich, welche ich will, und füge sie dann mit webmcpx hinzu.

Dein Agent liest, was webmcpx macht, findet in deinem Projekt die Aktionen, die sich lohnen, fragt dich, welche er hinzufügen soll, und fügt sie dann hinzu und prüft sie.

Cart.jsx 
import { useTool } from "webmcpx/react";

function Cart({ cart }) {
  useTool({
    name: "add_to_cart",
    description: "Add a product to the cart by SKU.",
    input: { sku: "string", "qty?": "integer" },
    acts: true,
    run: ({ sku, qty = 1 }) => cart.add(sku, qty),
  });
  return <CartView cart={cart} />;
}

Registriert, solange die Komponente gemountet ist, und wieder weg, wenn sie verschwindet.

Cart.vue 
<script setup>
import { useTool } from "webmcpx/vue";

useTool({
  name: "add_to_cart",
  description: "Add a product to the cart by SKU.",
  input: { sku: "string", "qty?": "integer" },
  acts: true,
  run: ({ sku, qty = 1 }) => cart.add(sku, qty),
});
</script>

Registriert, solange die Komponente gemountet ist, und wieder weg, wenn sie verschwindet.

Cart.svelte 
<script>
  import { useTool } from "webmcpx/svelte";

  useTool({
    name: "add_to_cart",
    description: "Add a product to the cart by SKU.",
    input: { sku: "string", "qty?": "integer" },
    acts: true,
    run: ({ sku, qty = 1 }) => cart.add(sku, qty),
  });
</script>

Registriert, solange die Komponente gemountet ist, und wieder weg, wenn sie verschwindet.

app.js 
import { tool } from "webmcpx";

tool({
  name: "add_to_cart",
  description: "Add a product to the cart by SKU.",
  input: { sku: "string", "qty?": "integer" },
  acts: true,
  run: ({ sku, qty = 1 }) => cart.add(sku, qty),
});

Über npm, oder aus demselben CDN importiert wie das Script-Tag.

index.html 
<form toolname="add_to_cart" tooldescription="Add a product to the cart by SKU." action="/cart" method="post" toolautosubmit>
  <input name="sku" required toolparamdescription="Product SKU, e.g. MUG-01">
  <input name="qty" type="number" min="1" toolparamdescription="How many (default 1)">
  <button>Add to cart</button>
</form>

Ohne JavaScript: die deklarative WebMCP-API. Das Script-Tag ergänzt sie, wo der Browser sie noch nicht hat.

WebMCP vs. MCP

Wie sich WebMCP von MCP unterscheidet und warum Sie beides brauchen

WebMCP übernimmt das Tool-Modell von MCP, ist aber eine Browser-API und nicht das MCP-Protokoll. Beide ergänzen sich.

WebMCP im Vergleich mit MCP
AspektWebMCPMCP
Wo Tools laufen Im JavaScript Ihrer Seite, im Tab des Nutzers. In einem Serverprozess, lokal (stdio) oder remote.
Aufruf durch Agenten Eine Browser-API, document.modelContext; der Browser vermittelt jeden Aufruf. Kein JSON-RPC. JSON-RPC 2.0 über stdio oder Streamable HTTP.
Was Sie betreiben Ihr bestehendes Frontend. Kein neuer Server. Einen MCP-Server, den Sie hosten und betreiben.
Auth Die Session, mit der der Nutzer schon angemeldet ist. Es müssen keine Tokens ausgestellt werden. OAuth-basierte Autorisierung für Remote-Server.
Auffindbarkeit Sobald die Seite offen ist. Vor dem Besuch gibt es nichts zu finden. tools/list an einem bekannten Endpunkt, dazu öffentliche Registries.
Lebensdauer Solange die Seite offen ist. Immer aktiv, ganz ohne Browser.
Der Nutzer Anwesend, auf derselben Seite wie der Agent. Optional: läuft auch headless.
Umfang Nur Tools, mit Ein- und Ausgabeschemas. Tools, Resources und Prompts, dazu Elicitation und Extensions.
Tool-Hinweise readOnlyHint, consequentialHint, untrustedContentHint. Standardmäßig Same-Origin. readOnlyHint, destructiveHint, idempotentHint, openWorldHint.
Status Entwurf der W3C Community Group. ChatGPT Desktop und Codex rufen es auf; Chrome: Origin Trial. Ein Projekt der Linux Foundation, über 10.000 öffentliche Server.

Beides nutzen

MCP bedient Agenten, die Ihre Website nie öffnen. WebMCP bedient Agenten, die in Ihrem Tab arbeiten, neben Ihrem Nutzer. Betreiben Sie beides auf einem Backend: Shopify macht es bereits so.

Quellen WebMCP-Entwurf WebMCP-Explainer MCP-Spezifikation Shopify nutzt beides

Aus dem Spec-Tracker

Spec-Wünsche, die webmcpx schon erfüllt

FAQ

Fragen zu WebMCP

  • Was ist WebMCP?

    Eine Browser-API, entworfen in der W3C Web Machine Learning Community Group: Eine Seite registriert Tools mit document.modelContext.registerTool(), und ein KI-Agent ruft sie auf, statt Screenshots oder das HTML der Seite zu lesen. Die Tools laufen im eigenen Tab des Nutzers.

  • Wie nutze ich WebMCP in Claude Code oder Codex?

    Führen Sie claude mcp add webmcpx -- npx -y webmcpx mcp aus (Codex: codex mcp add webmcpx -- npx -y webmcpx mcp). Ihr Agent öffnet Seiten dann in seinem eigenen Chromium und bekommt auf jeder Website die WebMCP-Tools der Seite plus die Standard-Tools.

  • Wie mache ich meine Website agentenfähig?

    Binden Sie das webmcpx-Script-Tag ein: Jede Seite bekommt Standard-Tools (Suche, Lesen, Seitenkontext), ganz ohne weiteren Code. Danach registrieren Sie mit tool() eigene Aktionen wie die Suche oder „In den Warenkorb“. Scannen Sie Ihre Website hier, um es zu prüfen.

  • Funktioniert das in Firefox und Safari?

    Ja. Wo ein Browser kein eigenes WebMCP mitbringt, lädt webmcpx auf HTTPS-Seiten das WebMCP-Polyfill des W3C. Chrome, Firefox und Safari sehen dieselben Tools.

  • Ist WebMCP ein W3C-Standard?

    Noch nicht. Es ist ein Entwurf der W3C Web Machine Learning Community Group (2. November 2026). Chrome und Edge bieten es als Origin Trial an, Mozilla ist neutral, und WebKit hat Einwände. webmcpx verfolgt den Entwurf und lädt das Polyfill des W3C, damit Ihre Tools schon jetzt funktionieren und mit der Spezifikation mitgehen.

  • Ist es sicher, Agenten die Tools meiner Website aufrufen zu lassen?

    Die Tools laufen im eigenen Tab des Nutzers, mit seinen eigenen Berechtigungen, und können nichts tun, was die Seite nicht ohnehin schon könnte. Die Standard-Tools von webmcpx lesen nur, was die Seite anzeigt, ohne unsichtbare Zeichen. Markieren Sie Ihre eigenen Tools, die etwas ändern, mit consequentialHint, damit Agenten zuerst beim Nutzer nachfragen können, und lassen Sie den Linter versteckte Anweisungen in Tool-Beschreibungen melden.

  • Ist WebMCP dasselbe wie MCP?

    Nein. WebMCP übernimmt das Tool-Modell von MCP, ist aber eine Browser-API und nicht das MCP-Protokoll: Die Tools leben in der Seite und laufen im Tab des Nutzers. Beide ergänzen sich, und der MCP-Server von webmcpx verbindet sie.