WebMCP

Alexandra Klepper
Alexandra Klepper
GitHub Bluesky

Pubblicato: 18 maggio 2026

WebMCP è uno standard web proposto per aiutarti a creare ed esporre strumenti strutturati per gli agenti AI. WebMCP fornisce JavaScript e annota gli elementi del modulo HTML in modo che gli agenti sappiano esattamente come interagire con le funzionalità della pagina, per supportare l'esperienza di un utente. Ciò può migliorare significativamente le prestazioni e l'affidabilità dell'attivazione dell'agente.

Gli agenti AI sono una tecnologia più recente. Possono aiutare gli utenti umani a completare meglio attività altamente complesse e tecniche. WebMCP offre una maggiore accuratezza per il completamento delle attività agentiche e può essere aggiunto come potenziamento progressivo.

Perché WebMCP?

WebMCP può aiutarti a colmare il divario tra applicazioni web e agenti, migliorando l'efficienza, l'affidabilità e il completamento delle attività, fornendo regole per l'interazione. Anziché esaminare l'elemento, ad esempio un pulsante o un campo, per comprenderne lo scopo, il sito web dichiara lo scopo dell'elemento, in modo che venga utilizzato correttamente

È più affidabile dell'attivazione, che può prevedere numerosi passaggi e lascia ogni passaggio aperto all'interpretazione dell'agente.

I siti web possono condividere uno scopo esplicito, ad esempio la ricerca o l'acquisto, definendo uno strumento. Questi strumenti vengono eseguiti in modo visibile sulla tua pagina web, in modo che gli utenti si fidino che le attività vengano completate come previsto. In questo modo, le scelte di brand e di progettazione a misura d'uomo rimangono intatte.

WebMCP supporta:

  • Discovery: un modo standard per le pagine di registrare strumenti con agenti, ad esempio checkout o filter_results.
  • Schemi JSON: definizioni esplicite di input e output previsti, per ridurre le allucinazioni o i malintesi.
  • Stato: una comprensione condivisa del contesto della pagina corrente, in modo che l'agente sappia quali risorse sono disponibili per agire in tempo reale.

Il nostro obiettivo è creare API che qualsiasi browser con capacità agentiche possa implementare e sfruttare, in modo che gli utenti possano completare più facilmente le attività. Puoi seguire questo processo su GitHub.

Casi d'uso

Esistono molti modi in cui puoi utilizzare WebMCP sul web. Ad esempio:

  • Aiuta i tuoi clienti a ricevere assistenza. Se fornisci un software ai clienti, potresti avere un flusso di assistenza complesso per rispondere a molte domande diverse. Puoi utilizzare WebMCP per aiutare un agente a navigare più rapidamente fino al modulo corretto e compilare i campi con le informazioni fornite dall'utente.
  • Migliorare la prenotazione di viaggi. Aiuta gli agenti a prenotare viaggi complessi, per più città e più passeggeri con meno passaggi.

Alcune azioni potrebbero essere sensibili, ad esempio effettuare un acquisto. Puoi includere un comando per richiedere l'interazione dell'utente con una finestra di dialogo di conferma.

In senso pratico, i tuoi strumenti potrebbero svolgere le seguenti attività:

  • Compila moduli strutturati: crea uno strumento submit_application per aiutare gli agenti a mappare correttamente i dati raccolti dalla conversazione con l'utente nei campi del modulo. Ad esempio, puoi distinguere se un campo richiede un nome completo o un nome e un cognome separati.
  • Interazioni degli agenti di assistenza in interfacce incentrate sull'utente: alcuni campi sono progettati per gli utenti umani, ma potrebbero non essere compresi dagli agenti. Potresti creare uno strumento date_pick che consenta una selezione complessa di data e ora in una prenotazione o in una prenotazione di eventi.
  • Debug più rapido delle applicazioni: puoi creare uno strumento run_diagnostics in una pagina delle impostazioni per sviluppatori, in modo che un agente possa attivare correzioni altrimenti nascoste dietro menu nidificati.

Il tuo caso d'uso non è presente? Oppure hai un'idea che ti entusiasma e che vorresti condividere per WebMCP? Partecipa al programma di anteprima iniziale e condividi il tuo feedback.

Inizia

WebMCP è disponibile come flag di Chrome per lo sviluppo locale. Sarà disponibile in una prova dell'origine in Chrome 149.

Per attivare WebMCP localmente:

  1. Apri Chrome e vai su chrome://flags/#enable-webmcp-testing
  2. Imposta il flag su Enabled (Attivato).
  3. Riavvia Chrome per applicare le modifiche.

Utilizzare le API WebMCP

Esistono due API che puoi utilizzare per configurare gli strumenti del tuo sito web:

  • API imperativa: definisci diversi tipi di strumenti con JavaScript standard, come input di moduli, strumenti di navigazione, gestione dello stato o altre funzioni.
  • API dichiarativa: aggiungi annotazioni a moduli HTML standard per creare uno strumento WebMCP.

Limitazioni

Sebbene WebMCP miri a semplificare le attività complesse per gli agenti e gli esseri umani, esistono alcune limitazioni:

  • Contesto di navigazione richiesto: poiché le chiamate di strumenti vengono gestite in JavaScript, deve essere aperta una scheda del browser o una webview per fornire un'interfaccia visibile e il contesto del browser. In altre parole, non è previsto il supporto per agenti o strumenti assistivi per chiamare strumenti in modalità headless.
  • Maggiore overhead per interfacce complesse: se il tuo sito è molto complesso, probabilmente devi eseguire il refactoring o aggiungere JavaScript per gestire lo stato dell'applicazione e dell'interfaccia.
  • Rilevabilità degli strumenti: i client e i browser devono visitare un sito direttamente per sapere se dispone di strumenti chiamabili.

Demo

Sono disponibili esempi di demo che coprono sia le implementazioni imperative che quelle dichiarative:

Puoi anche esaminare ed esplorare il codice sorgente della demo su GitHub.

Simulare la chat con un agente con l'estensione Inspector

Installa l'estensione Strumento di controllo del contesto del modello per sperimentare un agente e vedere come funzionano gli strumenti WebMCP nelle demo live o nelle tue applicazioni. Puoi inserire prompt in linguaggio naturale per verificare se un agente può interagire correttamente con gli strumenti WebMCP.

Con l'estensione puoi:

  • Per vedere quali strumenti sono registrati in una pagina, monitora l'API navigator.modelContext.
  • Chiama manualmente gli strumenti ed esegui le funzioni.
  • Verifica che lo schema JSON sia definito correttamente e che il browser possa analizzare i dati come previsto dallo strumento.
  • Visualizza l'output strutturato o i messaggi di errore restituiti dallo strumento per assicurarti che siano scritti in modo chiaro e formattati correttamente, in modo che un agente possa comprenderli.

Parla con l'agente utilizzando il linguaggio naturale per verificare se riesce a identificare e richiamare correttamente gli strumenti WebMCP appropriati. I prompt vengono inviati al modello gemini-2.5-flash.

Interagire e condividere feedback

WebMCP è in fase di discussione e potrebbe subire modifiche in futuro. Se provi queste API e hai un feedback, saremo felici di riceverlo.