Crea siti web e applicazioni che funzionino per gli utenti e i loro agenti AI.
Per iniziare Partecipa all'origin trial

Come funziona WebMCP

In soli tre passaggi, il tuo sito indica agli agenti esattamente cosa possono fare.
Passaggio 1

Il tuo sito dichiara le azioni che un agente può intraprendere, come gli strumenti WebMCP. Ogni strumento ha un nome, una descrizione e uno schema JSON.

// Imperative API
document.modelContext.registerTool({
  name: "bookSlot",
  title: "Book a consultation slot",
  description: "Reserve a 30-minute consultation.",
  inputSchema: {
    type: "object",
    properties: {
      date:  { type: "string", format: "date" },
      time:  { type: "string" },
      name:  { type: "string" },
      email: { type: "string", format: "email" }
    },
    required: ["date", "time", "name", "email"]
  },
  annotations: { readOnlyHint: false },
  execute: async (input, client) => {
    return await api.book(input);
  }
});
Passaggio 2

Il browser raccoglie e presenta questi strumenti all'agente WebMCP dell'utente, insieme all'URL, al titolo e all'ambito di autorizzazione dell'origine della pagina.

Il tuo sito comunica con il browser, che traduce per l'agente.
Passaggio 3

L'agente visualizza un contratto, fornisce argomentazioni strutturate e il tuo codice fa il resto. L'utente rimane aggiornato per le autorizzazioni e le conferme. Non dovrai più indovinare chi c'è alla porta.

// the agent's view
{
  "tool": "bookSlot",
  "arguments": {
    "date": "2026-07-31",
    "time": "14:00",
    "name": "Jerry Jones",
    "email": "jerry.jones@example.com"
  }
}

Creare strumenti per gli agenti

Scopri di più sulle API e sulla documentazione di WebMCP.
Per iniziare
Scopri le opportunità per il tuo sito per aiutare utenti e agenti a essere più efficienti aggiungendo gli strumenti WebMCP.
Leggi la documentazione
Definisci gli strumenti WebMCP con JavaScript standard per eseguire funzioni specifiche del sito, come l'inserimento di moduli e la navigazione del sito.
Leggi la documentazione
Trasforma i tuoi moduli HTML standard in strumenti WebMCP aggiungendo annotazioni.
Leggi la documentazione
Testa i tuoi strumenti per verificare che gli agenti capiscano quando chiamare lo strumento, come eseguirlo e quali risposte sono accettabili.
Leggi la documentazione
Scopri le best practice per l'utilizzo delle API WebMCP.
Leggi la documentazione
Scopri come creare strumenti sicuri per il tuo sito web.
Leggi la documentazione
Insieme, WebMCP e MCP aiutano gli agenti a svolgere attività personalizzate per conto degli utenti umani.
Leggi la documentazione

Crea con gli agenti AI

Utilizza Modern Web Guidance con i tuoi agenti di codifica AI preferiti, in modo da poter accedere alle best practice web nel workflow che preferisci. 
npx modern-web-guidance@latest install
Leggi la documentazione
Utilizza la guida al web moderno per creare estensioni più velocemente, con l'aiuto di agenti di programmazione.
Leggi la documentazione

Considerazioni sulla sicurezza per gli sviluppatori di agenti

Gli sviluppatori di agenti devono progettare protezioni contro il testo dannoso proveniente da contenuti non attendibili. Identifichiamo alcune tecniche di sicurezza pertinenti agli agenti che utilizzano WebMCP.
Leggi le nostre indicazioni

Assistenza AI direttamente nel tuo browser. Ottieni i punti chiave, chiarisci concetti e trova risposte in base al contesto delle tue schede aperte.

Gemini interagisce con le tue app Google per aiutarti ad affrontare la giornata.

Scopri Gemini in Chrome

Introduzione degli agenti AI

web.dev
Comprendere le nozioni di base e le definizioni delle varie tecnologie emergenti, spesso definite IA.
Leggi la documentazione
web.dev
In qualità di professionisti del web, è fondamentale creare nuove tecnologie in modo ponderato e responsabile.
Leggi la documentazione
web.dev
Crea una base di conoscenze sull'AI per aggiungere funzionalità ai tuoi siti web e alle tue applicazioni web.
Svolgi il corso