Używaj WebMCP do tworzenia witryn, które lepiej współpracują z agentami AI.

Interfejsy API WebMCP

Czym jest WebMCP i dlaczego warto się nim zainteresować?

Przeczytaj dokument

Zdefiniuj narzędzia WebMCP za pomocą standardowego kodu JavaScript, aby wykonywać funkcje specyficzne dla witryny, takie jak wprowadzanie danych w formularzu i nawigacja po witrynie.

Przeczytaj dokument

Przekształć standardowe formularze HTML w narzędzia WebMCP, dodając adnotacje.

Przeczytaj dokument

WebMCP i MCP pomagają agentom wykonywać spersonalizowane zadania w imieniu użytkowników.

Przeczytaj dokument

Jak działa WebMCP

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

Twoja witryna deklaruje działania, które agent może wykonywać, 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

Agent widzi umowę, podaje ustrukturyzowane argumenty, a Twój kod zajmuje się resztą. Użytkownik jest na bieżąco informowany o uprawnieniach i potwierdzeniach. Jest szybsze i bardziej niezawodne niż wykonanie.

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

Optymalizowanie witryny pod kątem agentów

Twórz bezpieczne narzędzia, które odpowiadają potrzebom użytkowników i możliwościom Twojej witryny.

Przeczytaj przykłady z perspektywy użytkownika i agenta, aby dowiedzieć się, które narzędzia WebMCP obsługują główną ścieżkę użytkownika (CUJ).

Przeczytaj dokument

Podobnie jak w przypadku każdej aplikacji, pierwszym krokiem powinno być zaplanowanie strategii dotyczącej narzędzi.

Przeczytaj dokument

Dowiedz się, jak definiować i tworzyć narzędzia WebMCP przydatne w Twojej witrynie lub aplikacji internetowej.

Przeczytaj dokument

Przeczytaj nasze wstępne wskazówki dotyczące bezpieczeństwa dla osób tworzących narzędzia za pomocą WebMCP.

Przeczytaj dokument

Zanim udostępnisz narzędzia WebMCP, przeprowadź testy, aby sprawdzić, czy agenci wiedzą, kiedy należy użyć narzędzia, jak je uruchomić i jakie odpowiedzi są akceptowalne.

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
Korzystaj z Przewodnika po współczesnych technologiach internetowych, aby szybciej tworzyć rozszerzenia przy pomocy agentów kodowania.

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.

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ń.

Przedstawiamy agenty AI

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