Сделайте сайт
готовым для агентов
В нашем бенчмарке агенты с 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 Наша методика бенчмарка
-
Сайт регистрирует инструменты
Имя, описание, схема входных данных и функция — те же действия, что уже выполняют ваши кнопки.
-
Браузер их перечисляет
Агент спрашивает у браузера, что умеет страница: с типизированными входными данными и подсказками вроде «только чтение».
-
Агент их вызывает
Прямо во вкладке пользователя, в его сессии: без нового сервера и без OAuth.
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." }); }
}
});Независимый проект сообщества с открытым кодом, не связанный ни с W3C, ни с производителями браузеров. Мы делаем webmcpx, чтобы WebMCP приносил пользу уже сегодня: сайты получают хорошие инструменты без написания кода, агенты приходят к тем же ответам за меньшее число токенов, а каждое опубликованное число можно перепроверить.
Начните с webmcpx уже сегодня: на сайте и в агенте
Всё, что сегодня мешает WebMCP появиться на большинстве сайтов, уже решено: одна строка на сайте, одна команда в агенте — и больше ни о чём не нужно думать.
| WebMCP вручную в сравнении с webmcpx | 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, Cursor | WebMCP вручную:Писать свой мост или ждать, пока каждый агент добавит поддержку. | С 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 в запросе? | 65k | 1,0k | 100% | 100% |
| Notion: Я листаю результаты Notion API постранично. Какой максимальный page_size можно запросить за один вызов у list-эндпоинтов? | 54k | 1,1k | 100% | 100% |
| Notion: Сколько запросов в минуту на одно подключение разрешает Notion API на тарифах, кроме Business и Enterprise? | 39k | 1,1k | 100% | 100% |
| Notion: Когда моя интеграция с Notion шлёт слишком много запросов, какую строку кода ошибки API кладёт в тело ответа? | 21k | 1,0k | 100% | 100% |
Для вашего агента
Ваш агент читает каждую страницу самым дорогим способом. Дайте ему вместо этого инструменты страницы: на измеренных сайтах — те же ответы за долю токенов. Работает на любом сайте, и это MCP, который должен быть в каждом сетапе Claude Code и Codex.
Лучший случай: 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>`.<script type="module" src="https://cdn.jsdelivr.net/npm/webmcpx@0.2/dist/auto.js"></script>Вставьте перед </body>. В браузерах без WebMCP он добавит полифил W3C.
// 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, находит в проекте действия, которые стоит открыть, спрашивает, какие добавить, а затем добавляет и проверяет их.
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} />;
}Регистрируется, пока компонент смонтирован, и исчезает при размонтировании.
<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>Регистрируется, пока компонент смонтирован, и исчезает при размонтировании.
<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>Регистрируется, пока компонент смонтирован, и исчезает при размонтировании.
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.
<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 |
|---|---|---|
| Где выполняются | В 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 связывает их.