Utilizza WebMCP per creare siti che funzionano meglio con gli agenti AI.
Per iniziare Partecipa all'origin trial

API WebMCP

Che cos'è WebMCP e perché dovrebbe interessarti?

Leggi il documento

Definisci gli strumenti WebMCP con JavaScript standard per eseguire funzioni specifiche del sito, come l'input dei moduli e la navigazione nel sito.

Leggi il documento

Trasforma i tuoi moduli HTML standard in strumenti WebMCP aggiungendo annotazioni.

Leggi il documento

Insieme, WebMCP e MCP aiutano gli agenti a svolgere attività personalizzate per conto degli utenti umani.

Leggi il documento

Come funziona WebMCP

In soli tre passaggi, il tuo sito indica agli agenti esattamente cosa possono fare.
Scopri l'API Imperative
Passaggio 1

Il tuo sito dichiara le azioni che un agente può eseguire, sotto forma di 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 vede un contratto, fornisce argomenti strutturati e il tuo codice fa il resto. L'utente viene coinvolto per l'autorizzazione e la conferma. È più veloce e affidabile dell'attuazione.

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

Ottimizza il tuo sito per gli agenti

Crea strumenti sicuri che soddisfino le esigenze degli utenti e le funzionalità del tuo sito.

Leggi gli esempi dal punto di vista di un utente e di un agente per capire quali strumenti WebMCP supportano un Critical User Journey (CUJ).

Leggi il documento

Come faresti per qualsiasi applicazione software, il primo passo dovrebbe essere quello di pianificare la strategia degli strumenti.

Leggi il documento

Scopri come definire e creare strumenti WebMCP utili per il tuo sito web o la tua applicazione web.

Leggi il documento

Leggi le nostre prime indicazioni sulla sicurezza per chi crea strumenti con WebMCP.

Leggi il documento

Prima di rilasciare gli strumenti WebMCP, esegui dei test per verificare che gli agenti comprendano quando chiamare lo strumento, come eseguirlo e quali risposte sono accettabili.

Leggi il documento

Crea con gli agenti AI

Utilizza Modern Web Guidance con i tuoi agenti di programmazione AI preferiti per accedere alle best practice per il web nel tuo flusso di lavoro preferito. 
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