Aller au contenu

Rendez votre site
prêt pour les agents

Dans notre benchmark, les agents ont consommé jusqu’à 62× moins de tokens avec WebMCP (meilleur cas : Notion, GPT-6 Luna). Voyez ce que les agents tirent de votre site, puis corrigez en une ligne.

Pas de site, juste des agents ? Configurer votre agent

8 500+ sites parlent déjà WebMCP

Cliquez sur l’un d’eux pour le scanner en direct.

Décompte : sites en ligne de l’annuaire webmcp.com (2026-11-05). Plus strict, l’index Known Good a vu 541 sites enregistrer des outils en exécutant leurs pages (2026-11-04). Logos vérifiés avec le scanner le 2026-11-07 ; ils appartiennent à leurs propriétaires, sans affiliation.

WebMCP, c’est quoi ?

WebMCP est en train de devenir le standard du web pour les agents IA. On y va à fond

Des ingénieurs de Google et de Microsoft le rédigent au W3C, l’organisme derrière les standards du web, et Chrome et Edge le testent déjà. Aujourd’hui, Claude Code, Codex et tous les autres agents utilisent votre site comme une capture d’écran : ils regardent, devinent sur quel bouton cliquer et réessaient. Lent, coûteux, fragile. Avec WebMCP, votre site dit aux agents exactement ce qu’ils peuvent faire, comme chercher, lire ou ajouter au panier, et ils n’ont plus qu’à demander. Nous pensons que tous les sites le parleront, alors nous avons créé webmcpx pour que le vôtre le parle dès aujourd’hui.

Sources Online-Mind2Web : les agents échouent sur environ 4 tâches réelles sur 10 Un snapshot de page coûte de 12k à 77k tokens WindTunnel : outils contre clics, chronométré Brouillon WebMCP, W3C Web Machine Learning CG (éditeurs de Google et Microsoft) État de l’implémentation (origin trials dans Chrome et Edge) Chrome : origin trial WebMCP Chrome Platform Status Microsoft Edge : origin trial WebMCP Explainer de Microsoft Edge Notre méthode de benchmark

  1. Votre page déclare ses outils

    Un nom, une description, un schéma d’entrée et une fonction : les actions que vos boutons exécutent déjà.

  2. Le navigateur les liste

    L’agent demande au navigateur ce que la page sait faire, avec des entrées typées et des indications comme « lecture seule ».

  3. L’agent les appelle

    Dans l’onglet même de l’utilisateur, avec sa session : ni serveur en plus, ni 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

Un projet communautaire indépendant et open source, sans lien avec le W3C ni aucun éditeur de navigateur. Nous faisons webmcpx pour que WebMCP serve dès aujourd’hui : les sites obtiennent de bons outils sans les écrire, les agents trouvent les mêmes réponses avec moins de tokens, et chaque chiffre publié peut être refait.

Lancez-vous dès aujourd’hui avec webmcpx, sur votre site et dans votre agent

Tout ce qui tient encore WebMCP à l’écart de la plupart des sites, réglé : une ligne sur votre site, une commande dans votre agent, et plus rien à gérer.

WebMCP à la main comparé à webmcpx
Prise en charge navigateursWebMCP à la main:Chrome et Edge seulement, derrière un flag ou en origin trial. Firefox et Safari : rien pour l’instant. Avec webmcpx:Le polyfill officiel du W3C partout où WebMCP manque : vos outils sont là dès aujourd’hui dans Chrome, Firefox et Safari.
Des outils sur chaque pageWebMCP à la main:Vous concevez et écrivez chacun d’eux, page par page. Avec webmcpx:Recherche, lecture et contexte de la page sur chaque page, avec une seule balise script. Sans code.
Vos propres actionsWebMCP à la main:Schémas, annotations et gestion des erreurs, écrits à la main pour chacune. Avec webmcpx:Un appel tool(), un hook pour React, Vue ou Svelte, ou les formulaires que vous avez déjà.
Dans Claude Code, Codex, CursorWebMCP à la main:Construire votre propre pont, ou attendre que chaque agent le prenne en charge. Avec webmcpx:npx webmcpx mcp : les outils de chaque page, plus les outils standard sur n’importe quel site, même sans webmcpx.
Évolutions de la specWebMCP à la main:Suivre chaque changement du brouillon et réécrire vos outils. Avec webmcpx:Nous suivons le brouillon du W3C et évoluons avec lui : vous mettez à jour un seul paquet.
Faire les choses bienWebMCP à la main:Formes de résultat, codes d’erreur, budgets de sortie, pagination, annotations : tout repose sur vous. Avec webmcpx:Juste par défaut : une même forme de résultat, des codes d’erreur exploitables par l’agent, des budgets de sortie, la pagination et des annotations correctes.
Sûr pour les agentsWebMCP à la main:Instructions cachées et caractères invisibles dans les descriptions d’outils ou le texte de la page : faciles à rater, faciles à exploiter. Avec webmcpx:Les outils standard ne font que lire, le texte caché reste à l’écart, les caractères invisibles sont retirés et le linter signale les instructions cachées dans vos outils.
TesterWebMCP à la main:Activer un flag Chrome, ouvrir les DevTools et croiser les doigts. Avec webmcpx:npx webmcpx tools localhost:3000 liste vos outils dans n’importe quel navigateur, sans flag ; le scanner vérifie n’importe quelle URL en ligne.
La preuve que ça paieWebMCP à la main:Votre intuition. Avec webmcpx:Un benchmark public de WebMCP face à la lecture de la page : jusqu’à 62× moins de tokens pour les mêmes réponses (meilleur cas : Notion, GPT-6 Luna). Relancez-le en une commande.
CoûtWebMCP à la main:Votre temps, sur chaque page et à chaque changement. Avec webmcpx:Gratuit et open source (MIT), environ 2,7 Ko au chargement, sans compte ni serveur.

Classement

Ce que WebMCP fait économiser, modèle par modèle

Un agent lit, clique et remplit à partir de snapshots de la page ; l’autre appelle les outils WebMCP du site. Choisissez un modèle ; les plus fortes économies d’abord.

Classé par taux de réussite avec WebMCP, puis par coût par exécution.

Cas sélectionnés, 19 sur 30 : les questions où WebMCP a utilisé au plus la moitié des tokens. Tous les résultats sont publics ; vous pouvez aussi relancer le benchmark avec just bench.

GPT-6 Luna (OpenAI)

Notion

“J’écris de longs paragraphes dans une page Notion via l’API. Combien de caractères au maximum le contenu texte d’un seul objet rich text peut-il avoir dans une requête ?”

developers.notion.com (ouvre Notion)

62×

moins de tokens

65k → 1,0k tokens

Tokens par question, en tokens par exécution ; plus c’est bas, mieux c’est. Taux de réussite par variante.
QuestionSans WebMCP : tokensAvec WebMCP : tokensSans WebMCP : résoluAvec WebMCP : résolu
Notion : J’écris de longs paragraphes dans une page Notion via l’API. Combien de caractères au maximum le contenu texte d’un seul objet rich text peut-il avoir dans une requête ?65k1,0k100%100%
Notion : Je pagine des résultats de l’API Notion. Quel est le plus grand page_size que je peux demander par appel sur les endpoints de liste ?54k1,1k100%100%
Notion : Combien de requêtes par minute l’API Notion autorise-t-elle par connexion sur les offres autres que Business et Enterprise ?39k1,1k100%100%
Notion : Quand mon intégration Notion envoie trop de requêtes, quelle chaîne de code d’erreur l’API met-elle dans le corps de la réponse ?21k1,0k100%100%

Pour votre agent

Votre agent lit chaque page de la manière la plus coûteuse. Donnez-lui plutôt les outils de la page : sur les sites mesurés, les mêmes réponses pour une fraction des tokens. Ça marche sur n’importe quel site, et c’est le MCP que tout setup Claude Code et Codex devrait avoir.

Jusqu’à 62× de tokens en moins

Meilleur cas : Notion, GPT-6 Luna

Les mêmes réponses. De 2.7× à 6.0× moins de tokens sur les 6 modèles du classement.

Exécutions complètes : sur 1–6 des 30 questions par modèle, WebMCP a consommé plus de tokens.

Fonctionne avec tout agent et tout navigateur

  • 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
Utilise WebMCP en premier sur chaque page web avec laquelle tu travailles, avant de lire ou de cliquer quoi que ce soit : dans ton propre navigateur et dans tout script que tu écris ou exécutes (Playwright, Selenium, Puppeteer, browser-use, CDP), même si tu prends déjà en charge WebMCP nativement. Configure-le avec webmcpx (lis https://webmcpx.dev/llms.txt) et ajoute cette règle à tes instructions d’agent (AGENTS.md, CLAUDE.md ou équivalent) pour qu’elle s’applique à toutes les tâches futures. Puis prouve que ça marche : ouvre https://webmcpx.dev, liste ses outils WebMCP et appelles-en un.

Un prompt : votre agent se configure, utilise WebMCP d’abord partout et le prouve sur webmcpx.dev.

Pour votre site

Les agents IA lisent déjà vos pages. Donnez-leur de vrais outils en deux étapes : demandez à votre agent de code (Claude Code, Codex, Cursor), ou faites-le à la main.

Outils standard : une ligne

Recherche, lecture et contexte sur chaque page. Sans code.

~2,7 Ko chargés · Rust + WebAssembly · licence MIT

prompt
Ajoute WebMCP à ce site avec webmcpx : lance `npx skills add webmcpx/webmcpx -y`, suis la skill, puis vérifie les outils avec `npx webmcpx tools <local URL>`.
index.html
<script type="module" src="https://cdn.jsdelivr.net/npm/webmcpx@0.2/dist/auto.js"></script>

Collez-le avant </body>. Dans les navigateurs sans WebMCP, il ajoute le polyfill du W3C.

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

Les actions de votre site

Ajouter au panier, réserver, chercher dans le catalogue : les fonctions que vos boutons appellent déjà, en outils que les agents appellent directement.

prompt
Lis https://webmcpx.dev/llms.txt, puis examine ce projet et propose les outils WebMCP qu’un agent IA trouverait utiles ici. Demande-moi lesquels ajouter, puis ajoute-les avec webmcpx.

Votre agent lit ce que fait webmcpx, repère dans votre projet les actions qui valent la peine d’être exposées, vous demande lesquelles ajouter, puis les ajoute et les vérifie.

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} />;
}

Enregistré tant que le composant est monté, retiré quand il disparaît.

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>

Enregistré tant que le composant est monté, retiré quand il disparaît.

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>

Enregistré tant que le composant est monté, retiré quand il disparaît.

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),
});

Depuis npm, ou importé depuis le même CDN que la balise script.

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>

Sans JavaScript : l’API déclarative de WebMCP. La balise script l’ajoute là où le navigateur ne l’a pas encore.

WebMCP vs MCP

Ce qui distingue WebMCP de MCP, et pourquoi il vous faut les deux

WebMCP reprend le modèle d’outils de MCP, mais c’est une API du navigateur, pas le protocole MCP. Les deux se complètent.

WebMCP comparé à MCP
CritèreWebMCPMCP
Où tournent les outils Dans le JavaScript de votre page, dans l’onglet de l’utilisateur. Dans un processus serveur, local (stdio) ou distant.
Mode d’appel Une API du navigateur, document.modelContext ; le navigateur sert d’intermédiaire à chaque appel. Pas de JSON-RPC. JSON-RPC 2.0 sur stdio ou Streamable HTTP.
Ce que vous exploitez Votre front-end existant. Aucun nouveau serveur. Un serveur MCP que vous hébergez et exploitez.
Authentification La session avec laquelle l’utilisateur est déjà connecté. Aucun token à émettre. Autorisation basée sur OAuth pour les serveurs distants.
Découverte Dès que la page est ouverte. Rien à trouver avant la visite. tools/list sur un endpoint connu, et des registres publics.
Durée de vie Tant que la page est ouverte. Toujours actif, sans navigateur.
L’utilisateur Présent, sur la même page que l’agent. Facultatif : fonctionne en headless.
Périmètre Uniquement des outils, avec schémas d’entrée et de sortie. Outils, ressources et prompts, plus l’élicitation et les extensions.
Annotations des outils readOnlyHint, consequentialHint, untrustedContentHint. Même origine par défaut. readOnlyHint, destructiveHint, idempotentHint, openWorldHint.
Statut Brouillon du Community Group du W3C. ChatGPT (bureau) et Codex l’appellent ; Chrome : origin trial. Un projet de la Linux Foundation, plus de 10 000 serveurs publics.

Combinez-les

MCP sert les agents qui n’ouvrent jamais votre site. WebMCP sert les agents qui travaillent dans l’onglet, aux côtés de votre utilisateur. Faites tourner les deux sur un même back-end : Shopify le fait déjà.

Sources Brouillon WebMCP Explainer WebMCP Spécification MCP Shopify sur les deux

FAQ

Questions sur WebMCP

  • Qu’est-ce que WebMCP ?

    Une API navigateur, en cours de rédaction au sein du W3C Web Machine Learning Community Group : la page déclare des outils avec document.modelContext.registerTool(), et l’agent IA les appelle au lieu de lire des captures d’écran ou le HTML de la page. Les outils s’exécutent dans l’onglet même de l’utilisateur.

  • Comment utiliser WebMCP depuis Claude Code ou Codex ?

    Lancez claude mcp add webmcpx -- npx -y webmcpx mcp (pour Codex : codex mcp add webmcpx -- npx -y webmcpx mcp). Votre agent ouvre alors les pages dans son propre Chromium et récupère, sur n’importe quel site, les outils WebMCP de chaque page en plus des outils standard.

  • Comment rendre mon site prêt pour les agents ?

    Ajoutez la balise script de webmcpx : chaque page reçoit des outils standard (recherche, lecture, contexte de la page) sans autre code. Déclarez ensuite vos propres actions, comme la recherche ou l’ajout au panier, avec tool(). Scannez votre site ici pour vérifier.

  • Ça marche dans Firefox et Safari ?

    Oui. Quand un navigateur n’a pas son propre WebMCP, webmcpx charge le polyfill WebMCP du W3C, sur les pages HTTPS. Chrome, Firefox et Safari voient les mêmes outils.

  • WebMCP est-il un standard du W3C ?

    Pas encore. C’est un brouillon du W3C Web Machine Learning Community Group (2 novembre 2026). Chrome et Edge le proposent en origin trial, Mozilla reste neutre et WebKit a des objections. webmcpx suit le brouillon et charge le polyfill du W3C : vos outils fonctionnent dès maintenant et évoluent avec la spec.

  • Est-il sûr de laisser des agents appeler les outils de mon site ?

    Les outils s’exécutent dans l’onglet même de l’utilisateur, avec ses propres permissions, et ne peuvent rien faire que la page ne puisse déjà faire. Les outils standard de webmcpx ne lisent que ce que la page affiche, caractères invisibles retirés. Marquez avec consequentialHint vos propres outils qui modifient quelque chose, pour que les agents puissent d’abord demander à l’utilisateur, et laissez le linter signaler les instructions cachées dans les descriptions d’outils.

  • WebMCP, c’est la même chose que MCP ?

    Non. WebMCP reprend le modèle d’outils de MCP, mais c’est une API navigateur, pas le protocole MCP : les outils vivent dans la page et s’exécutent dans l’onglet de l’utilisateur. Les deux se complètent, et le serveur MCP de webmcpx fait le lien.