Перейти к содержимому

Сделайте сайт
готовым для агентов

В нашем бенчмарке агенты с WebMCP тратили до 62× меньше токенов (лучший случай: Notion, GPT-6 Luna). Посмотрите, что агенты получают от вашего сайта, и исправьте одной строкой.

Нет сайта, только агенты? Настроить агента

8 500+ сайтов уже работают с WebMCP

Нажмите на любой, чтобы проверить его вживую.

Число: работающие сайты в каталоге webmcp.com (2026-11-05). Более строгий индекс Known Good запускал их страницы: инструменты зарегистрировали 541 из них (2026-11-04). Логотипы проверены сканером 2026-11-07; они принадлежат своим владельцам, мы с ними не связаны.

Что такое WebMCP?

WebMCP становится веб-стандартом для ИИ-агентов. Мы в деле

Инженеры Google и Microsoft готовят его черновик в W3C — организации, которая стоит за веб-стандартами, а Chrome и Edge уже его тестируют. Сегодня Claude Code, Codex и все остальные агенты пользуются вашим сайтом как скриншотом: смотрят, угадывают, какую кнопку нажать, и пробуют снова. Медленно, дорого, легко ломается. С WebMCP ваш сайт прямо говорит агентам, что они могут сделать, например найти, прочитать или добавить в корзину, и им остаётся просто попросить. Мы верим, что на WebMCP заговорит каждый сайт, поэтому сделали webmcpx, чтобы ваш заговорил уже сегодня.

Источники Online-Mind2Web: агенты проваливают около 4 из 10 реальных задач Снимок страницы стоит от 12k до 77k токенов WindTunnel: инструменты против кликов, по секундомеру Черновик WebMCP, W3C Web Machine Learning CG (редакторы из Google и Microsoft) Статус реализации (origin trial в Chrome и Edge) Chrome: origin trial WebMCP Chrome Platform Status Microsoft Edge: origin trial WebMCP Explainer Microsoft Edge Наша методика бенчмарка

  1. Сайт регистрирует инструменты

    Имя, описание, схема входных данных и функция — те же действия, что уже выполняют ваши кнопки.

  2. Браузер их перечисляет

    Агент спрашивает у браузера, что умеет страница: с типизированными входными данными и подсказками вроде «только чтение».

  3. Агент их вызывает

    Прямо во вкладке пользователя, в его сессии: без нового сервера и без OAuth.

page.js
document.modelContext.registerTool({
  name: "search_products",
  description: "Search the catalog by keyword.",
  inputSchema: { type: "object", properties: { query: { type: "string" } } },
  annotations: { readOnlyHint: true },
  async execute({ query }) {
    // Expected failures are answers, never rejections: hosts drop rejection reasons.
    try { return JSON.stringify(await searchCatalog(query)); }
    catch { return JSON.stringify({ error: "Catalog unavailable, try again shortly." }); }
  }
});
webmcpx

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

Начните с webmcpx уже сегодня: на сайте и в агенте

Всё, что сегодня мешает WebMCP появиться на большинстве сайтов, уже решено: одна строка на сайте, одна команда в агенте — и больше ни о чём не нужно думать.

WebMCP вручную в сравнении с webmcpx
Поддержка браузеровWebMCP вручную:Только Chrome и Edge, за флагом или через origin trial. Firefox и Safari: пока ничего. С webmcpx:Официальный полифил W3C там, где WebMCP нет: ваши инструменты работают уже сегодня в Chrome, Firefox и Safari.
Инструменты на каждой страницеWebMCP вручную:Вы проектируете и пишете каждый сами, страница за страницей. С webmcpx:Поиск, чтение и контекст страницы на каждой странице — с одного тега script. Без кода.
Ваши собственные действияWebMCP вручную:Схемы, аннотации и обработка ошибок — вручную для каждого. С webmcpx:Один вызов tool(), хук для React, Vue или Svelte или уже готовые формы.
В Claude Code, Codex, CursorWebMCP вручную:Писать свой мост или ждать, пока каждый агент добавит поддержку. С webmcpx:npx webmcpx mcp: инструменты каждой страницы плюс стандартные на любом сайте, даже без webmcpx.
Изменения спецификацииWebMCP вручную:Следить за каждым изменением черновика и переписывать инструменты. С webmcpx:Мы следим за черновиком W3C и меняемся вместе с ним: вы обновляете один пакет.
Сделать всё правильноWebMCP вручную:Форма результата, коды ошибок, лимиты вывода, пагинация, аннотации — всё на вас. С webmcpx:Правильно по умолчанию: одна форма результата, коды ошибок, с которыми агент может работать, лимиты вывода, пагинация и корректные аннотации.
Безопасно для агентовWebMCP вручную:Скрытые инструкции и невидимые символы в описаниях инструментов или тексте страницы — их легко пропустить и легко использовать для атаки. С webmcpx:Стандартные инструменты только читают, скрытый текст не попадает в ответ, невидимые символы удаляются, а линтер находит скрытые инструкции в ваших инструментах.
ТестированиеWebMCP вручную:Включить флаг в Chrome, открыть DevTools и надеяться. С webmcpx:npx webmcpx tools localhost:3000 покажет ваши инструменты в любом браузере, без флагов; сканер проверит любой живой URL.
Доказательство пользыWebMCP вручную:Ваша догадка. С webmcpx:Открытый бенчмарк WebMCP против чтения страницы: до 62× меньше токенов при тех же ответах (лучший случай: Notion, GPT-6 Luna). Повторите одной командой.
СтоимостьWebMCP вручную:Ваше время — на каждой странице и при каждом изменении. С webmcpx:Бесплатно и с открытым кодом (MIT), около 2,7 КБ при загрузке, без аккаунта и без сервера.

Рейтинг

Сколько экономит WebMCP: модель за моделью

Один агент читает, кликает и заполняет формы по снимкам страницы, другой вызывает WebMCP-инструменты сайта. Выберите модель; сначала — наибольшая экономия.

По доле успеха с WebMCP, затем по стоимости запуска.

Отобранные случаи: 19 из 30 вопросов, где WebMCP потратил не больше половины токенов. Все результаты открыты — или запустите бенчмарк сами: just bench.

GPT-6 Luna (OpenAI)

Notion

“Я записываю длинные абзацы на страницу Notion через API. Сколько символов максимум может быть в текстовом содержимом одного объекта rich text в запросе?”

developers.notion.com (откроется Notion)

62×

меньше токенов

65k → 1,0k токенов

Токены по вопросам, токенов за запуск; чем меньше, тем лучше. Доля решённых для каждого варианта.
ВопросБез WebMCP: токеныС WebMCP: токеныБез WebMCP: решеноС WebMCP: решено
Notion: Я записываю длинные абзацы на страницу Notion через API. Сколько символов максимум может быть в текстовом содержимом одного объекта rich text в запросе?65k1,0k100%100%
Notion: Я листаю результаты Notion API постранично. Какой максимальный page_size можно запросить за один вызов у list-эндпоинтов?54k1,1k100%100%
Notion: Сколько запросов в минуту на одно подключение разрешает Notion API на тарифах, кроме Business и Enterprise?39k1,1k100%100%
Notion: Когда моя интеграция с Notion шлёт слишком много запросов, какую строку кода ошибки API кладёт в тело ответа?21k1,0k100%100%

Для вашего агента

Ваш агент читает каждую страницу самым дорогим способом. Дайте ему вместо этого инструменты страницы: на измеренных сайтах — те же ответы за долю токенов. Работает на любом сайте, и это MCP, который должен быть в каждом сетапе Claude Code и Codex.

До 62× меньше токенов

Лучший случай: Notion, GPT-6 Luna

Те же ответы. От 2.7× до 6.0× меньше токенов на каждой из 6 моделей рейтинга.

Полные прогоны: на 1–6 из 30 вопросов для каждой модели WebMCP потратил больше токенов.

Работает с любым агентом и браузером

  • Claude Code
  • Codex
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Gemini CLI
  • Zed
  • JetBrains
  • Cline
  • Chrome
  • Firefox
  • Safari
  • Brave
  • Arc
  • Opera
  • Vivaldi
  • Playwright
  • Selenium
  • Puppeteer
  • Cypress
  • WebdriverIO
промпт
Используй WebMCP первым на каждой веб-странице, с которой работаешь, прежде чем что-либо читать или нажимать: в своём браузере и в любом скрипте, который пишешь или запускаешь (Playwright, Selenium, Puppeteer, browser-use, CDP), даже если ты поддерживаешь WebMCP нативно. Настрой его через webmcpx (прочитай https://webmcpx.dev/llms.txt) и добавь это правило в свои инструкции для агента (AGENTS.md, CLAUDE.md или аналог), чтобы оно действовало во всех будущих задачах. Затем докажи, что всё работает: открой https://webmcpx.dev, выведи список его инструментов WebMCP и вызови один из них.

Один промпт: агент настраивается, везде сначала использует WebMCP и доказывает это на webmcpx.dev.

Для вашего сайта

ИИ-агенты уже читают ваши страницы. Дайте им настоящие инструменты в два шага: попросите своего агента (Claude Code, Codex, Cursor) или сделайте вручную.

Стандартные инструменты: одна строка

Поиск, чтение и контекст на каждой странице. Без кода.

~2,7 КБ на загрузку · Rust + WebAssembly · MIT

промпт
Добавь WebMCP на этот сайт с помощью webmcpx: выполни `npx skills add webmcpx/webmcpx -y`, следуй skill, затем проверь инструменты командой `npx webmcpx tools <local URL>`.
index.html
<script type="module" src="https://cdn.jsdelivr.net/npm/webmcpx@0.2/dist/auto.js"></script>

Вставьте перед </body>. В браузерах без WebMCP он добавит полифил W3C.

app.js
// npm i webmcpx
import "webmcpx/polyfill"; // WebMCP where the browser lacks it
import { register } from "webmcpx";

register(); // the standard tools; tool() adds your own

Действия вашего сайта

Добавить в корзину, забронировать, искать в каталоге: функции, которые уже вызывают ваши кнопки, как инструменты, которые агенты вызывают напрямую.

промпт
Прочитай https://webmcpx.dev/llms.txt, затем изучи этот проект и предложи инструменты WebMCP, которые пригодились бы здесь ИИ-агенту. Спроси, какие добавить, и добавь их с помощью webmcpx.

Ваш агент читает, что делает webmcpx, находит в проекте действия, которые стоит открыть, спрашивает, какие добавить, а затем добавляет и проверяет их.

Cart.jsx
import { useTool } from "webmcpx/react";

function Cart({ cart }) {
  useTool({
    name: "add_to_cart",
    description: "Add a product to the cart by SKU.",
    input: { sku: "string", "qty?": "integer" },
    acts: true,
    run: ({ sku, qty = 1 }) => cart.add(sku, qty),
  });
  return <CartView cart={cart} />;
}

Регистрируется, пока компонент смонтирован, и исчезает при размонтировании.

Cart.vue
<script setup>
import { useTool } from "webmcpx/vue";

useTool({
  name: "add_to_cart",
  description: "Add a product to the cart by SKU.",
  input: { sku: "string", "qty?": "integer" },
  acts: true,
  run: ({ sku, qty = 1 }) => cart.add(sku, qty),
});
</script>

Регистрируется, пока компонент смонтирован, и исчезает при размонтировании.

Cart.svelte
<script>
  import { useTool } from "webmcpx/svelte";

  useTool({
    name: "add_to_cart",
    description: "Add a product to the cart by SKU.",
    input: { sku: "string", "qty?": "integer" },
    acts: true,
    run: ({ sku, qty = 1 }) => cart.add(sku, qty),
  });
</script>

Регистрируется, пока компонент смонтирован, и исчезает при размонтировании.

app.js
import { tool } from "webmcpx";

tool({
  name: "add_to_cart",
  description: "Add a product to the cart by SKU.",
  input: { sku: "string", "qty?": "integer" },
  acts: true,
  run: ({ sku, qty = 1 }) => cart.add(sku, qty),
});

Из npm или импортом с того же CDN, что и тег script.

index.html
<form toolname="add_to_cart" tooldescription="Add a product to the cart by SKU." action="/cart" method="post" toolautosubmit>
  <input name="sku" required toolparamdescription="Product SKU, e.g. MUG-01">
  <input name="qty" type="number" min="1" toolparamdescription="How many (default 1)">
  <button>Add to cart</button>
</form>

Без JavaScript: декларативный API WebMCP. Тег script добавляет его там, где браузер его ещё не поддерживает.

WebMCP vs MCP

Чем WebMCP отличается от MCP и зачем нужны оба

WebMCP заимствует у MCP модель инструментов, но это API браузера, а не протокол MCP. Они дополняют друг друга.

Сравнение WebMCP и MCP
ПараметрWebMCPMCP
Где выполняются В JavaScript вашей страницы, во вкладке пользователя. В серверном процессе, локальном (stdio) или удалённом.
Как их вызывают агенты Через API браузера, document.modelContext; каждый вызов идёт через браузер. Без JSON-RPC. JSON-RPC 2.0 поверх stdio или Streamable HTTP.
Что нужно запускать Ваш существующий фронтенд. Без нового сервера. MCP-сервер, который вы хостите и сопровождаете.
Авторизация Сессия, в которой пользователь уже вошёл. Выпускать токены не нужно. Авторизация на основе OAuth для удалённых серверов.
Обнаружение Как только страница открыта. До визита искать нечего. tools/list на известном эндпоинте и публичные реестры.
Время жизни Пока открыта страница. Работает всегда, браузер не нужен.
Пользователь Рядом: на той же странице, что и агент. Не обязателен: работает в headless-режиме.
Что покрывает Только инструменты, со схемами входа и выхода. Инструменты, ресурсы и промпты, а также elicitation и расширения.
Подсказки инструментов readOnlyHint, consequentialHint, untrustedContentHint. По умолчанию same-origin. readOnlyHint, destructiveHint, idempotentHint, openWorldHint.
Статус Черновик W3C Community Group. Его вызывают ChatGPT для десктопа и Codex; Chrome — origin trial. Проект Linux Foundation, 10 000+ публичных серверов.

Берите оба

MCP обслуживает агентов, которые никогда не открывают ваш сайт. WebMCP — агентов, которые работают в вашей вкладке, рядом с пользователем. Запускайте оба на одном бэкенде: Shopify уже так делает.

Источники Черновик WebMCP Explainer WebMCP Спецификация MCP Shopify: оба сразу

Из трекера спецификации

Запросы к спецификации, которые webmcpx уже решает

FAQ

Вопросы о WebMCP

  • Что такое WebMCP?

    API браузера, черновик которого готовит W3C Web Machine Learning Community Group: страница регистрирует инструменты через document.modelContext.registerTool(), а ИИ-агент вызывает их, вместо того чтобы разбирать скриншоты или HTML страницы. Инструменты работают во вкладке самого пользователя.

  • Как пользоваться WebMCP из Claude Code или Codex?

    Выполните claude mcp add webmcpx -- npx -y webmcpx mcp (для Codex: codex mcp add webmcpx -- npx -y webmcpx mcp). После этого агент открывает страницы в собственном Chromium и на любом сайте получает WebMCP-инструменты каждой страницы плюс стандартные.

  • Как сделать сайт готовым для агентов?

    Добавьте тег script webmcpx: каждая страница получит стандартные инструменты (поиск, чтение, контекст страницы) без какого-либо другого кода. Затем зарегистрируйте свои действия, например поиск или добавление в корзину, через tool(). Чтобы проверить результат, просканируйте сайт здесь.

  • Работает ли это в Firefox и Safari?

    Да. Если в браузере нет собственного WebMCP, webmcpx подгружает полифил WebMCP от W3C — на страницах с HTTPS. Chrome, Firefox и Safari видят одни и те же инструменты.

  • WebMCP — это стандарт W3C?

    Пока нет. Это черновик W3C Web Machine Learning Community Group (2 ноября 2026 г.). Chrome и Edge запускают его в origin trial, Mozilla занимает нейтральную позицию, у WebKit есть возражения. webmcpx следит за черновиком и подгружает полифил W3C, так что ваши инструменты работают уже сейчас и меняются вместе со спецификацией.

  • Безопасно ли разрешать агентам вызывать инструменты моего сайта?

    Инструменты работают во вкладке самого пользователя, с его собственными правами, и не могут сделать ничего, чего страница не могла бы сделать и так. Стандартные инструменты webmcpx только читают то, что показывает страница, без невидимых символов. Отметьте свои инструменты, которые что-то меняют, через consequentialHint, чтобы агенты могли сначала спросить пользователя, а скрытые инструкции в описаниях инструментов пусть находит линтер.

  • WebMCP — это то же самое, что MCP?

    Нет. WebMCP заимствует у MCP модель инструментов, но это API браузера, а не протокол MCP: инструменты живут на странице и работают во вкладке пользователя. Они дополняют друг друга, а MCP-сервер webmcpx связывает их.