Используйте WebMCP, чтобы создавать сайты, которые лучше работают с ИИ-агентами.

WebMCP API

Что такое WebMCP и почему это важно?

Читать документ

Определите инструменты WebMCP с помощью стандартного кода JavaScript, чтобы выполнять функции, характерные для сайта, например ввод данных в форму и навигацию по сайту.

Читать документ

Преобразуйте стандартные HTML-формы в инструменты WebMCP, добавив аннотации.

Читать документ

Вместе WebMCP и MCP помогают агентам выполнять персонализированные задачи от имени пользователей.

Читать документ

Как работает WebMCP

Всего за три шага вы можете указать агентам, что они могут делать на вашем сайте.
Шаг 1

Ваш сайт объявляет действия, которые может выполнять агент, как инструменты WebMCP. У каждого инструмента есть название, описание и схема 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);
  }
});
Шаг 2

Браузер собирает и представляет эти инструменты агенту пользователя, поддерживающему WebMCP, вместе с URL, названием и областью разрешений источника страницы.

Ваш сайт взаимодействует с браузером, который передает информацию агенту.
Шаг 3

Агент видит контракт, предоставляет структурированные аргументы, а ваш код делает все остальное. Пользователь всегда в курсе, когда требуется разрешение или подтверждение. Это быстрее и надежнее, чем выполнение действий.

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

Оптимизируйте сайт для агентов

Создавайте безопасные инструменты, которые соответствуют потребностям пользователей и возможностям вашего сайта.

Прочитайте примеры с точки зрения пользователя и агента, чтобы понять, какие инструменты WebMCP поддерживают критический путь пользователя (CUJ).

Читать документ

Как и в случае с любым другим программным приложением, сначала нужно разработать стратегию использования инструмента.

Читать документ

Узнайте, как определять и создавать инструменты WebMCP, которые будут полезны для вашего сайта или веб-приложения.

Читать документ

Ознакомьтесь с нашими предварительными рекомендациями по безопасности для тех, кто создает инструменты с помощью WebMCP.

Читать документ

Прежде чем выпускать инструменты WebMCP, проверьте, понимают ли агенты, когда вызывать инструмент, как его выполнять и какие ответы допустимы.

Читать документ

Создание с помощью ИИ-агентов

Используйте Modern Web Guidance с вашими любимыми ИИ-агентами по программированию, чтобы получить доступ к лучшим практикам веб-разработки в предпочитаемом вами рабочем процессе.
npx modern-web-guidance@latest install
Используйте Modern Web Guidance, чтобы быстрее создавать расширения с помощью агентов программирования.

Безопасность для разработчиков агентов

Разработчики агентов должны предусмотреть защиту от вредоносного текста из ненадежного контента. Мы определяем некоторые методы обеспечения безопасности, актуальные для агентов, использующих WebMCP.

ИИ-помощник у вас в браузере Получайте краткие пересказы, объяснения понятий и ответы на вопросы, связанные с контентом открытых вкладок.

Gemini работает в приложениях Google и помогает вам справляться с повседневными задачами.

Представляем ИИ-агентов

Понимать основы и определения различных новых технологий, часто называемых ИИ.
Как веб-специалисты, мы должны создавать новые технологии вдумчиво и ответственно.
Получите базовые знания об ИИ, чтобы добавлять функции на свои сайты и в веб-приложения.