WebMCP
mcp2everything · Programmation
WebMCP (Web Model Context Protocol) est un standard web proposé pour l'intégration des agents IA sur le web. Il permet aux sites d'exposer des outils structurés directement aux agents IA qui tournent dans le navigateur. Au lieu qu'un agent fasse des captures d'écran et devine où se trouvent les boutons, le site enregistre des fonctions JavaScript avec des noms, des descriptions et des schémas de paramètres, et l'agent les appelle aussitôt. C'est une bibliothèque légère open source doublée d'une API au niveau du navigateur, destinée aux développeurs frontend qui veulent que leurs pages fonctionnent proprement avec les assistants IA.
À propos de WebMCP
Qu'est-ce que WebMCP
WebMCP est un standard web ouvert pour les agents IA. Il renverse le modèle habituel d'automatisation du navigateur : au lieu qu'un agent analyse le DOM ou lise des captures d'écran pour comprendre ce qu'une page sait faire, la page déclare elle-même ses capacités sous forme d'outils structurés. Le navigateur remet ensuite ces outils à tout agent IA connecté, qui les invoque comme des fonctions locales.
L'idée centrale repose sur un seul objet global, navigator.modelContext. Le développeur appelle registerTool avec un nom, une description en langage simple, un JSON Schema pour les arguments et une fonction de traitement. Les agents découvrent l'outil automatiquement et l'appellent avec de vrais paramètres. Comme l'outil s'exécute dans la page active, il dispose déjà de la session de l'utilisateur, des cookies et de l'état actuel de l'application : aucune plomberie d'authentification supplémentaire n'est nécessaire.
Il existe une vraie limite, à connaître tôt. WebMCP vit et meurt avec l'onglet du navigateur. Fermez l'onglet et les outils disparaissent. Il ne couvre que les outils, pas les ressources ni les prompts qu'un serveur MCP complet peut transporter. Et il suppose qu'une personne est présente pour autoriser les actions : c'est une fonction de sécurité, mais cela exclut le travail en arrière-plan totalement sans surveillance.
Pour démarrer
- Ouvrez le code frontend de votre site et ajoutez la balise de script WebMCP (ou lancez
npm install webmcp) pour que la bibliothèque se charge sur vos pages. - Créez une instance
WebMCP. Vous pouvez passer des options d'interface comme la couleur, la position et la taille du bouton du widget d'aide flottant. - Enregistrez votre premier outil avec
mcp.registerTool(name, description, schema, handler). Faites pointer le gestionnaire vers une logique que votre application exécute déjà. - Enregistrez tous les outils juste après le chargement du script. Les clients MCP ont souvent besoin d'un redémarrage pour voir les nouveaux outils.
- Testez dans un navigateur compatible avec un client MCP connecté, puis publiez. Une fois en ligne, les agents peuvent appeler vos outils.
C'est tout. Pas de backend, pas de serveur d'authentification, pas de réécriture.
Informations sur le produit
Aperçu des tarifs, des plateformes compatibles et des performances de WebMCP.
Idéal pour
Les utilisateurs, tâches et cas d'usage où cet outil convient le mieux.
Utilisateurs
- Développeurs frontend
- Propriétaires de sites indépendants et petites équipes
- Équipes produit qui préparent le trafic IA
Tâches
- Exposer un outil de recherche pour qu'un agent interroge votre contenu par mot-clé et renvoie des résultats structurés au lieu de lire une liste à l'écran.
- Enregistrer des actions de remplissage et d'envoi de formulaires pour qu'un assistant finalise une commande ou une réservation à la place de l'utilisateur, avec la session déjà en main.
- Envelopper la logique métier JavaScript existante en fonctions que l'agent peut appeler. Vous évitez ainsi une couche d'API parallèle construite uniquement pour l'IA.
Cas d'usage
- Un parcours d'achat où l'agent appelle un outil d'ajout au panier au lieu de cliquer dans une mise en page qui change.
- Un site de documentation qui laisse un assistant extraire directement le contenu de la page quand l'utilisateur pose une question.
- Un tableau de bord où l'assistant lit des widgets en direct via des ressources enregistrées plutôt que de réanalyser le DOM.
Fonctionnalités clés
Enregistrement d'outils avec JSON Schema
registerTool est le cœur de ce standard web pour les agents IA. Vous passez un nom, une description en langage naturel, un schéma d'arguments et un gestionnaire, et l'outil devient visible pour tout agent connecté. Le schéma indique au modèle exactement quelles entrées il peut envoyer, ce qui réduit les appels mal formés et les tâtonnements.
Session partagée et contexte de page
Les outils s'exécutent dans la page, ils héritent donc de l'état de connexion, des cookies et des données en mémoire que l'utilisateur possède déjà. L'agent n'a pas à reconstruire l'authentification ni à se soucier des barrières d'origine croisée. C'est une grande simplification par rapport à un proxy backend séparé monté pour chaque action IA.
Prompts et ressources aux côtés des outils
Au-delà des actions, WebMCP permet d'enregistrer des modèles de prompt et des ressources lisibles identifiées par URI. Un prompt peut cadrer une requête courante et accepter des arguments qui changent à chaque appel. Une ressource peut exposer le contenu de la page comme contexte. Ensemble, ils donnent à l'agent bien plus que des boutons à presser.
Ni framework ni backend imposés
La bibliothèque est un petit ajout en JavaScript vanilla qui fonctionne sur Chrome, Firefox, Safari et Edge, et s'entend bien avec React, Vue et Angular. Vous n'avez pas besoin d'un nouveau serveur, d'une nouvelle base de données ni d'une refonte de votre architecture. Si vous pouvez modifier le frontend d'une page, vous pouvez ajouter WebMCP.
Résistance aux changements d'interface
Comme les agents appellent des outils sémantiques au lieu de localiser des éléments à l'écran, renommer une classe CSS ou réorganiser la mise en page ne casse pas l'intégration. Les agents fondés sur les captures et le scraping du DOM deviennent obsolètes dès qu'un designer touche à la page. WebMCP contourne toute cette classe de pannes.
Avantages et inconvénients
Avantages
- Aucun changement backend et une mise en place simple via une balise de script, donc le coût d'intégration reste faible pour les petites équipes.
- Sous licence MIT et gratuit, sans compte éditeur ni frais par requête pour faire passer le trafic IA.
- Réutilise la logique frontend existante : le même code qui sert les utilisateurs humains sert aussi les agents.
- Hérite automatiquement de la session de l'utilisateur, ce qui supprime presque tout le câblage d'authentification côté IA.
- Tourne sur tous les navigateurs et frameworks frontend majeurs, vous n'êtes donc pas enfermé dans une seule pile.
Inconvénients
- Les outils disparaissent à la fermeture de l'onglet : il ne peut donc pas faire tourner une automatisation persistante ou sans interface.
- Pas de prise en charge des ressources et des prompts comme le propose un serveur MCP complet, ce qui limite ce que certains agents peuvent faire.
- Exige l'autorisation de l'utilisateur par conception : plus sûr, mais cela ajoute une étape avant que les agents n'agissent.
- L'écosystème autour reste jeune, vous pouvez donc tomber sur des aspérités et peu d'exemples fonctionnels.
Questions fréquentes
Il permet à un site de remettre des outils structurés à un agent IA dans le navigateur. L'agent appelle directement ces outils : il peut donc chercher, remplir des formulaires ou déclencher des actions sans extraire la page ni deviner où cliquer.
Contenus associés
Découvrez des outils, des compétences et des articles liés à WebMCP.
Alternatives à WebMCP
Forefront
Forefront · ProgrammationForefront est une plateforme web pour construire avec de l'IA open source. Elle vous laisse affiner les principaux modèles de langage open source sur vos propres données, évaluer leurs performances et les exécuter via une API ou les exporter pour les héberger vous-même. Les développeurs qui veulent le confort d'une plateforme fermée mais tiennent à rester propriétaires de leurs modèles et de leurs données sont le public visé ici.
Startkit
StartKit.AI · ProgrammationStartkit est un boilerplate pour créer des produits SaaS d'IA et des wrappers d'IA. Voyez-le comme un boilerplate de startup IA avec les parties ennuyeuses déjà branchées : authentification, paiements Stripe et Lemon Squeezy, limites d'usage, e-mail transactionnel et un kit de démarrage d'API IA qui parle à OpenAI, Anthropic, Groq ou Llama. Vous clonez le dépôt, fixez votre prix et attaquez la partie du produit pour laquelle les gens paient vraiment. Il repose sur Next.js au-dessus de React et Tailwind, donc une bonne partie du code boilerplate vous semble déjà familière.
Testim
Tricentis · ProgrammationTestim est une plateforme d'automatisation des tests dopée à l'IA, qui sert à créer et exécuter des tests de bout en bout sur des applications web, mobiles et Salesforce. Elle s'appuie sur l'apprentissage automatique pour garder les tests stables quand une interface change, alors les équipes passent moins de temps à réparer des sélecteurs cassés. Pas mal pour un outil de tests automatisés que vous pouvez utiliser dès aujourd'hui. Vous créez des tests en enregistrant des actions dans un navigateur, puis vous ajoutez du JavaScript quand vous avez besoin de plus de contrôle. C'est un choix solide pour une équipe QA bien occupée.