सीधे कंटेंट पर जाएँ
नया WebMCP के 2026-11-02 वाले ड्राफ़्ट के अनुरूप

अपनी साइट को
एजेंट-रेडी बनाइए

हमारे बेंचमार्क में 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 बन रहा है AI एजेंट के लिए वेब का स्टैंडर्ड। हम पूरी तरह इसके साथ हैं

Google और Microsoft के इंजीनियर इसका ड्राफ़्ट W3C में तैयार कर रहे हैं, जो वेब के स्टैंडर्ड्स के पीछे की संस्था है, और Chrome और Edge इसे पहले से टेस्ट कर रहे हैं। आज Claude Code, Codex और बाकी सभी एजेंट आपकी साइट को एक स्क्रीनशॉट की तरह इस्तेमाल करते हैं: देखते हैं, अंदाज़ा लगाते हैं कि कौन-सा बटन दबाना है, और फिर से कोशिश करते हैं। धीमा, महँगा, आसानी से टूटने वाला। WebMCP के साथ आपकी साइट एजेंट को साफ़-साफ़ बताती है कि वे क्या कर सकते हैं, जैसे सर्च करना, पढ़ना या कार्ट में डालना, और वे बस माँग लेते हैं। हमें यकीन है कि हर साइट WebMCP बोलेगी, इसलिए हमने webmcpx बनाया, ताकि आपकी साइट आज ही ऐसा कर सके।

स्रोत Online-Mind2Web: एजेंट लाइव कामों में लगभग 10 में से 4 बार नाकाम एक पेज स्नैपशॉट पर 12k से 77k टोकन खर्च WindTunnel: टूल बनाम क्लिक, समय मापकर WebMCP ड्राफ़्ट, W3C Web Machine Learning CG (एडिटर Google और Microsoft से) इम्प्लीमेंटेशन स्टेटस (Chrome और Edge में ऑरिजिन ट्रायल) Chrome: WebMCP ऑरिजिन ट्रायल Chrome Platform Status Microsoft Edge: WebMCP ऑरिजिन ट्रायल Microsoft Edge एक्सप्लेनर हमारे बेंचमार्क का तरीका

  1. आपका पेज टूल रजिस्टर करता है

    एक नाम, एक विवरण, एक इनपुट स्कीमा और एक फ़ंक्शन: वही एक्शन जो आपके बटन पहले से चलाते हैं।

  2. ब्राउज़र उनकी सूची देता है

    एजेंट ब्राउज़र से पूछता है कि पेज क्या-क्या कर सकता है, टाइप्ड इनपुट और read-only जैसे संकेतों के साथ।

  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, वह भी फ़्लैग या ऑरिजिन ट्रायल के पीछे। Firefox और Safari: अभी कुछ नहीं। webmcpx के साथ:जहाँ WebMCP नहीं है, वहाँ W3C का आधिकारिक पॉलीफ़िल: आपके टूल्स आज ही 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 KB, न अकाउंट, न सर्वर।
अपनी साइट पर जोड़ें अपने एजेंट में जोड़ें

लीडरबोर्ड

WebMCP कितना बचाता है, हर मॉडल पर

एक एजेंट पेज स्नैपशॉट के सहारे पढ़ता, क्लिक करता और फ़ॉर्म भरता है; दूसरा साइट के WebMCP टूल्स कॉल करता है। मॉडल चुनिए; सबसे बड़ी बचत सबसे पहले।

WebMCP के साथ सफलता से, फिर प्रति रन लागत से क्रमित।

चुने हुए केस: 30 में से 19 सवाल, जिनमें WebMCP ने ज़्यादा से ज़्यादा आधे टोकन इस्तेमाल किए। सभी नतीजे सार्वजनिक हैं, या just bench से इसे ख़ुद चलाइए।

GPT-6 Luna (OpenAI)

Notion

“मैं API से Notion पेज में लंबे पैराग्राफ़ लिख रहा हूँ। एक request में एक rich text object के text content में ज़्यादा से ज़्यादा कितने कैरेक्टर हो सकते हैं?”

developers.notion.com (Notion पर जाता है)

62×

कम टोकन

65k → 1.0k टोकन

हर सवाल पर टोकन, प्रति रन टोकन; जितना कम, उतना बेहतर। हर पक्ष की सफलता दर।
सवालWebMCP के बिना: टोकनWebMCP के साथ: टोकनWebMCP के बिना: हलWebMCP के साथ: हल
Notion: मैं API से Notion पेज में लंबे पैराग्राफ़ लिख रहा हूँ। एक request में एक rich text object के text content में ज़्यादा से ज़्यादा कितने कैरेक्टर हो सकते हैं?65k1.0k100%100%
Notion: मैं Notion API के नतीजों को पेज करके पढ़ रहा हूँ। list endpoints पर एक कॉल में सबसे बड़ा page_size कितना माँग सकता हूँ?54k1.1k100%100%
Notion: Business और Enterprise के अलावा बाकी प्लान पर Notion API हर connection को प्रति मिनट कितनी requests की इजाज़त देता है?39k1.1k100%100%
Notion: जब मेरा Notion integration बहुत ज़्यादा requests भेजता है, तो API response body में कौन-सा error code string देता है?21k1.0k100%100%

आपके एजेंट के लिए

आपका एजेंट हर पेज को सबसे महँगे तरीके से पढ़ता है। इसके बजाय उसे पेज के टूल्स दीजिए: जिन साइटों को हमने मापा, वहाँ वही जवाब, टोकन के छोटे-से हिस्से में। किसी भी साइट पर चलता है, और यह वह MCP है जो हर Claude Code और Codex सेटअप में होना चाहिए।

तक 62× कम टोकन

सबसे अच्छा मामला: Notion, GPT-6 Luna

वही जवाब। लीडरबोर्ड के सभी 6 मॉडल पर 2.7× से 6.0× कम टोकन।

पूरे रन का हिसाब: हर मॉडल के 30 में से 1–6 सवालों पर 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 इस्तेमाल करें: अपने ब्राउज़र में भी और हर उस script में भी जो आप लिखें या चलाएँ (Playwright, Selenium, Puppeteer, browser-use, CDP), भले ही आप WebMCP को नेटिव रूप से सपोर्ट करते हों। इसे webmcpx से सेट अप करें (https://webmcpx.dev/llms.txt पढ़ें) और यह नियम अपने एजेंट निर्देशों (AGENTS.md, CLAUDE.md या उसके जैसी फ़ाइल) में जोड़ें, ताकि यह आगे के हर काम पर लागू हो। फिर साबित करें कि यह काम करता है: https://webmcpx.dev खोलें, उसके WebMCP टूल की सूची बनाएँ और उनमें से एक को कॉल करें।

एक प्रॉम्प्ट: आपका एजेंट खुद सेट होता है, हर जगह पहले WebMCP इस्तेमाल करता है और webmcpx.dev पर साबित करता है।

आपकी साइट के लिए

AI एजेंट आपके पेज पहले से पढ़ रहे हैं। उन्हें दो स्टेप में असली टूल्स दीजिए: अपने कोडिंग एजेंट (Claude Code, Codex, Cursor) से कहें, या खुद करें।

स्टैंडर्ड टूल: एक लाइन

हर पेज पर सर्च, पढ़ना और पेज संदर्भ। बिना कोड।

लोड पर ~2.7 KB · Rust + WebAssembly · MIT लाइसेंस

प्रॉम्प्ट 
webmcpx से इस साइट में WebMCP जोड़ें: `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 पढ़ें, फिर इस प्रोजेक्ट को देखें और सुझाएँ कि यहाँ AI एजेंट के लिए कौन-से 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 से इंपोर्ट करके।

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: WebMCP का डिक्लेरेटिव API। जहाँ ब्राउज़र में यह अभी नहीं है, वहाँ स्क्रिप्ट टैग इसे जोड़ देता है।

WebMCP बनाम MCP

WebMCP, MCP से कैसे अलग है, और आपको दोनों क्यों चाहिए

WebMCP, MCP का टूल मॉडल अपनाता है, लेकिन यह एक ब्राउज़र API है, MCP प्रोटोकॉल नहीं। दोनों एक-दूसरे के पूरक हैं।

WebMCP और MCP की तुलना
पहलूWebMCPMCP
टूल्स कहाँ चलते हैं आपके पेज के JavaScript में, यूज़र के टैब में। एक सर्वर प्रोसेस में, लोकल (stdio) या रिमोट।
कॉल कैसे होता है ब्राउज़र API, document.modelContext; हर कॉल ब्राउज़र के ज़रिए होता है। JSON-RPC नहीं। stdio या Streamable HTTP पर JSON-RPC 2.0।
आपको क्या चलाना है आपका मौजूदा फ़्रंट एंड। कोई नया सर्वर नहीं। एक MCP सर्वर, जिसे आप होस्ट और ऑपरेट करते हैं।
ऑथेंटिकेशन वही सेशन जिसमें यूज़र पहले से साइन इन है। कोई टोकन जारी नहीं करना। रिमोट सर्वरों के लिए OAuth-आधारित ऑथराइज़ेशन।
डिस्कवरी पेज खुलते ही। विज़िट से पहले खोजने को कुछ नहीं। किसी तय endpoint पर tools/list, और पब्लिक रजिस्ट्री।
कब तक उपलब्ध जब तक पेज खुला है। हमेशा चालू, ब्राउज़र की ज़रूरत नहीं।
यूज़र मौजूद, एजेंट वाले पेज पर ही। ज़रूरी नहीं: हेडलेस भी चलता है।
दायरा सिर्फ़ टूल्स, इनपुट और आउटपुट स्कीमा के साथ। टूल्स, रिसोर्स और प्रॉम्प्ट, साथ में elicitation और एक्सटेंशन।
टूल्स पर संकेत readOnlyHint, consequentialHint, untrustedContentHint। डिफ़ॉल्ट रूप से same-origin। readOnlyHint, destructiveHint, idempotentHint, openWorldHint।
स्थिति W3C Community Group ड्राफ़्ट। ChatGPT डेस्कटॉप और Codex इसे कॉल करते हैं; Chrome: ऑरिजिन ट्रायल। Linux Foundation का प्रोजेक्ट, 10,000+ पब्लिक सर्वर।

दोनों अपनाएँ

MCP उन एजेंट के लिए है जो आपकी साइट कभी खोलते ही नहीं। WebMCP उन एजेंट के लिए है जो आपके टैब में, आपके यूज़र के साथ काम करते हैं। दोनों को एक ही बैकएंड पर चलाइए: Shopify पहले से यही करता है।

स्रोत WebMCP ड्राफ़्ट WebMCP एक्सप्लेनर MCP स्पेसिफ़िकेशन Shopify पर दोनों

स्पेक ट्रैकर से

स्पेक की माँगें जो webmcpx पहले से पूरी करता है

FAQ

WebMCP से जुड़े सवाल

  • WebMCP क्या है?

    एक ब्राउज़र API, जिसका ड्राफ़्ट W3C Web Machine Learning Community Group में बन रहा है: पेज document.modelContext.registerTool() से टूल रजिस्टर करता है, और AI एजेंट स्क्रीनशॉट या पेज का HTML पढ़ने के बजाय उन्हें सीधे कॉल करता है। टूल यूज़र के अपने टैब में चलते हैं।

  • Claude Code या Codex से WebMCP कैसे इस्तेमाल करें?

    claude mcp add webmcpx -- npx -y webmcpx mcp चलाइए (Codex में: codex mcp add webmcpx -- npx -y webmcpx mcp)। इसके बाद आपका एजेंट पेज अपने Chromium में खोलता है और किसी भी साइट पर हर पेज के WebMCP टूल्स के साथ स्टैंडर्ड टूल्स भी पाता है।

  • अपनी साइट को एजेंट-रेडी कैसे बनाएँ?

    webmcpx का script टैग जोड़िए: हर पेज को स्टैंडर्ड टूल्स (सर्च, पढ़ना, पेज का कॉन्टेक्स्ट) मिल जाते हैं, बिना कोई और कोड लिखे। फिर tool() से अपने ऐक्शन रजिस्टर कीजिए, जैसे सर्च या कार्ट में जोड़ना। जाँचने के लिए अपनी साइट यहीं स्कैन कीजिए।

  • क्या यह Firefox और Safari में चलता है?

    हाँ। जिस ब्राउज़र में अपना WebMCP नहीं है, वहाँ webmcpx HTTPS पेजों पर W3C का WebMCP पॉलीफ़िल लोड करता है। Chrome, Firefox और Safari, तीनों को वही टूल्स दिखते हैं।

  • क्या WebMCP एक W3C स्टैंडर्ड है?

    अभी नहीं। यह W3C Web Machine Learning Community Group का ड्राफ़्ट (2 नवंबर 2026) है। Chrome और Edge इसे ऑरिजिन ट्रायल में चलाते हैं, Mozilla तटस्थ है और WebKit को आपत्तियाँ हैं। webmcpx ड्राफ़्ट पर नज़र रखता है और W3C का पॉलीफ़िल लोड करता है, इसलिए आपके टूल्स अभी काम करते हैं और स्पेक के साथ बदलते रहते हैं।

  • क्या एजेंट को अपनी साइट के टूल्स कॉल करने देना सुरक्षित है?

    टूल्स यूज़र के अपने टैब में, यूज़र की अपनी अनुमतियों के साथ चलते हैं, और ऐसा कुछ नहीं कर सकते जो पेज पहले से नहीं कर सकता था। webmcpx के स्टैंडर्ड टूल्स सिर्फ़ वही पढ़ते हैं जो पेज दिखाता है, अदृश्य कैरेक्टर हटाकर। अपने जो टूल्स कुछ बदलते हैं, उन्हें consequentialHint से मार्क करें ताकि एजेंट पहले यूज़र से पूछ सकें, और टूल विवरणों में छिपे निर्देशों को लिंटर से पकड़ें।

  • क्या WebMCP और MCP एक ही चीज़ हैं?

    नहीं। WebMCP, MCP का टूल मॉडल अपनाता है, पर यह ब्राउज़र API है, MCP प्रोटोकॉल नहीं: टूल पेज के अंदर रहते हैं और यूज़र के टैब में चलते हैं। दोनों एक-दूसरे के पूरक हैं, और webmcpx का MCP सर्वर दोनों को जोड़ता है।