Twórz witryny i aplikacje, które będą działać dla użytkowników i ich agentów AI.
Rozpocznij Dołącz do testowania origin

Jak działa WebMCP

W 3 krokach Twoja witryna informuje agentów, co mogą robić.
Krok 1

Twoja witryna deklaruje działania, które może wykonywać agent, jako narzędzia WebMCP. Każde narzędzie ma nazwę, opis i schemat 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);
  }
});
Krok 2

Przeglądarka zbiera te narzędzia i prezentuje je agentowi użytkownika, który obsługuje WebMCP, wraz z adresem URL strony, tytułem i zakresem uprawnień pochodzenia.

Twoja witryna komunikuje się z przeglądarką, która tłumaczy informacje dla pracownika obsługi klienta.
Krok 3

Konsultant widzi umowę, podaje uporządkowane argumenty, a resztę robi Twój kod. Użytkownik jest informowany o uprawnieniach i potwierdzeniach. Koniec zgadywania.

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

Tworzenie narzędzi dla agentów

Dowiedz się więcej o interfejsach API WebMCP i ich dokumentacji.
Rozpocznij
Odkryj możliwości, jakie daje Twojej witrynie dodanie narzędzi WebMCP, które pomogą użytkownikom i pracownikom obsługi klienta zwiększyć wydajność.
Przeczytaj dokument
Zdefiniuj narzędzia WebMCP za pomocą standardowego kodu JavaScript, aby wykonywać funkcje specyficzne dla witryny, takie jak wprowadzanie danych do formularza i nawigacja po witrynie.
Przeczytaj dokument
Przekształć standardowe formularze HTML w narzędzia WebMCP, dodając adnotacje.
Przeczytaj dokument
Przetestuj narzędzia, aby sprawdzić, czy agenty wiedzą, kiedy ich używać, jak je uruchamiać i jakie odpowiedzi są akceptowalne.
Przeczytaj dokument
Poznaj sprawdzone metody korzystania z interfejsów WebMCP API.
Przeczytaj dokument
Dowiedz się, jak tworzyć bezpieczne narzędzia do witryny.
Przeczytaj dokument
WebMCP i MCP pomagają agentom wykonywać spersonalizowane zadania w imieniu użytkowników.
Przeczytaj dokument

Tworzenie za pomocą agentów AI

Korzystaj z Przewodnika po współczesnych technologiach internetowych z ulubionymi agentami AI do kodowania, aby mieć dostęp do sprawdzonych metod internetowych w preferowanym przepływie pracy. 
npx modern-web-guidance@latest install
Przeczytaj materiały
Korzystaj z Przewodnika po współczesnych technologiach internetowych, aby szybciej tworzyć rozszerzenia przy pomocy agentów kodowania.
Przeczytaj dokument

Kwestie bezpieczeństwa dla deweloperów agentów

Deweloperzy agentów muszą zaprojektować zabezpieczenia przed złośliwym tekstem pochodzącym z niezaufanych treści. Wskazujemy niektóre techniki zabezpieczeń istotne dla agentów korzystających z WebMCP.
Przeczytaj nasze wskazówki

Pomoc AI bezpośrednio w przeglądarce Otrzymuj najważniejsze informacje, wyjaśnienia pojęć i odpowiedzi na podstawie otwartych kart.

Gemini działa w aplikacjach Google, aby ułatwiać Ci wykonywanie codziennych zadań.

Odkryj Gemini w Chrome

Przedstawiamy agenty AI

web.dev
Poznanie podstaw i definicji różnych nowych technologii, często nazywanych sztuczną inteligencją.
Przeczytaj dokument
web.dev
Dla użytkowników internetu ważne jest, aby w sposób przemyślany i odpowiedzialny tworzyć nowe technologie.
Przeczytaj dokument
web.dev
Zdobądź podstawową wiedzę o AI, aby dodawać funkcje do swoich witryn i aplikacji internetowych.
Weź udział w kursie