WebMCP : rendez votre site actionnable par les agents IA
WebMCP laisse votre page exposer des outils que les agents IA appellent directement — au lieu de deviner où cliquer. Animam le consomme dès aujourd’hui via un polyfill, dans tous les navigateurs.
Qu’est-ce que WebMCP ?
WebMCP (Web Model Context Protocol) est un standard du W3C Web Machine Learning Community Group. Il permet à une page web de publier des « contrats d’outils » que les agents IA appellent directement, via l’API navigateur navigator.modelContext. Il remplace le pattern « capture d’écran → modèle de vision → deviner le clic » par des appels de fonctions fiables.
Le problème : aujourd’hui, seul Chrome 146+ (derrière un flag) consomme WebMCP nativement. Si vous l’implémentez, presque aucun agent ne peut encore l’utiliser.
L’approche Animam : forward-compatible
Le widget Animam polyfille navigator.modelContext. Vous écrivez du WebMCP standard une fois, et il marche tout de suite avec notre agent — sans attendre l’écosystème.
Standard, pas propriétaire
Vous écrivez du WebMCP standard (navigator.modelContext). Pas d’API maison à apprendre ni à maintenir.
Marche partout, aujourd’hui
Notre polyfill rend vos tools exploitables dans tous les navigateurs, sans attendre que Chrome livre l’API.
Prêt pour les agents natifs
Le même code servira l’agent natif de Chrome (et Claude-in-Chrome) quand il arrivera. Vous êtes additif.
Sûr par conception
L’agent ne voit que le schéma ; les actions mutatives demandent confirmation ; vos protections s’appliquent.
Rendre votre site actionnable
navigator.modelContext.registerTool({
name: 'add_to_cart',
description: 'Add a product to the cart.',
inputSchema: {
type: 'object',
properties: { sku: { type: 'string' }, qty: { type: 'integer' } },
required: ['sku'],
},
execute: async ({ sku, qty }) => {
const r = await fetch('/api/cart', {
method: 'POST', headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ sku, qty }),
})
return await r.json()
},
})Détails et exemples dans le guide.
FAQ
Qu’est-ce que WebMCP ?
WebMCP (Web Model Context Protocol) est un standard du W3C Web Machine Learning Community Group. Il permet à une page web d’exposer des outils structurés à un agent IA via l’API navigateur navigator.modelContext. Au lieu de faire une capture d’écran et de deviner où cliquer, l’agent appelle directement des fonctions que la page déclare.
WebMCP, c’est pareil que MCP ?
Non. MCP (Model Context Protocol) relie un serveur à un client, côté backend. WebMCP relie une page à un agent in-page, côté navigateur (navigator.modelContext). Même idée de « contrat d’outil », mais deux specs distinctes et complémentaires. Aucun n’est lié à un modèle (Claude, Gemini, GPT) en particulier.
Quels navigateurs supportent WebMCP ?
Nativement, seulement Chrome 146+ derrière un flag (early preview). Mais le widget Animam polyfille navigator.modelContext : vos tools WebMCP standard marchent donc avec l’agent Animam dans tous les navigateurs aujourd’hui, et avec l’agent natif de Chrome quand il sera disponible.
Faut-il coder pour chaque agent IA ?
Non. Vous écrivez du WebMCP standard une seule fois. Le même enregistrement sert l’agent Animam et les futurs agents natifs des navigateurs — vous êtes additif, sans API propriétaire à maintenir.
Est-ce sûr de laisser un agent agir sur mon site ?
Oui. L’agent ne reçoit que le schéma de l’outil, jamais votre code ni vos secrets. Les actions qui modifient un état (panier, réservation, paiement) demandent une confirmation explicite au visiteur. Les outils s’exécutent avec la session du visiteur, donc votre auth, CSRF et rate-limit s’appliquent.
En quoi est-ce différent d’un chatbot ?
Un chatbot répond. Avec WebMCP, l’agent agit : il ajoute au panier, réserve un créneau, filtre un catalogue, lance un flux — directement, au lieu de vous expliquer comment le faire.