WebMCP

Alexandra Klepper

François Beaufort

Kasper Kulikowski

पब्लिश करने की तारीख: 18 मई, 2026, पिछली बार अपडेट करने की तारीख: 7 अक्टूबर, 2026

WebMCP, वेब स्टैंडर्ड का एक सुझाव है. इससे आपको एआई एजेंट के लिए स्ट्रक्चर्ड टूल बनाने और उन्हें उपलब्ध कराने में मदद मिलती है. WebMCP, JavaScript उपलब्ध कराता है. साथ ही, एचटीएमएल फ़ॉर्म एलिमेंट को एनोटेट करता है, ताकि एजेंट को यह पता चल सके कि पेज की सुविधाओं के साथ कैसे इंटरैक्ट करना है. इससे उपयोगकर्ता को बेहतर अनुभव मिलता है. इससे एजेंट ऐक्चुएशन की परफ़ॉर्मेंस और भरोसेमंद होने की क्षमता को काफ़ी हद तक बेहतर बनाया जा सकता है.

एआई एजेंट, नई टेक्नोलॉजी है. ये इंसानों को ऐसे मुश्किल और तकनीकी टास्क को बेहतर तरीके से पूरा करने में मदद कर सकते हैं. WebMCP, एजेंटिक टास्क पूरा करने के लिए ज़्यादा सटीक नतीजे देता है. इसे परतदार वृद्धि के तौर पर जोड़ा जा सकता है.

ज़्यादा जानकारी देने वाला वीडियो	वेब	एक्सटेंशन	Chrome स्टेटस	मकसद
GitHub	ऑरिजिन ट्रायल		देखें	एक्सपेरिमेंट करने का इरादा

WebMCP का इस्तेमाल क्यों करें?

WebMCP, इंटरैक्शन के लिए नियम तय करता है. इससे वेब ऐप्लिकेशन और एजेंट के बीच के अंतर को कम किया जा सकता है. साथ ही, इससे काम को बेहतर तरीके से, भरोसेमंद तरीके से, और तेज़ी से पूरा किया जा सकता है. बटन या फ़ील्ड जैसे एलिमेंट की समीक्षा करने के लिए, एजेंट को उसके मकसद के बारे में जानकारी देने के बजाय, वेबसाइट एलिमेंट के मकसद के बारे में बताती है. इससे एलिमेंट का इस्तेमाल सही तरीके से किया जा सकता है.

यह ऐक्चुएशन से ज़्यादा भरोसेमंद है. ऐक्चुएशन में कई चरण हो सकते हैं और हर चरण को एजेंट के हिसाब से तय किया जाता है.

वेबसाइटें, tool को तय करके, खोज या खरीदारी जैसे खास मकसद के बारे में बता सकती हैं. टूल, आपके वेबपेज पर साफ़ तौर पर काम करते हैं. इसलिए, उपयोगकर्ताओं को भरोसा होता है कि टास्क उनकी उम्मीद के मुताबिक पूरे किए जा रहे हैं. इससे आपके ब्रैंड और लोगों की ज़रूरतों को ध्यान में रखकर किए गए डिज़ाइन के विकल्पों को भी सुरक्षित रखा जाता है.

WebMCP इन फ़ॉर्मैट के साथ काम करता है:

• डिस्कवरी: पेजों के लिए, एजेंट के साथ टूल रजिस्टर करने का एक स्टैंडर्ड तरीका. जैसे, checkout या filter_results.
• JSON स्कीमा: इनपुट और अनुमानित आउटपुट की साफ़ तौर पर जानकारी दी जाती है, ताकि एआई के गलत जवाब देने या गलतफ़हमी होने की संभावना कम हो.
• स्टेट: इससे पेज के मौजूदा कॉन्टेक्स्ट के बारे में जानकारी मिलती है, ताकि एजेंट को पता चल सके कि रीयल टाइम में कार्रवाई करने के लिए कौनसे संसाधन उपलब्ध हैं.

हमारा मकसद ऐसे एपीआई बनाना है जिन्हें एजेंट की सुविधा वाले किसी भी ब्राउज़र में लागू किया जा सके और उनसे फ़ायदा पाया जा सके. इससे आपके उपयोगकर्ता आसानी से टास्क पूरे कर पाएंगे. GitHub पर इस प्रोसेस को फ़ॉलो किया जा सकता है.

उपयोग के उदाहरण

वेब पर WebMCP का इस्तेमाल कई तरीकों से किया जा सकता है. उदाहरण के लिए:

• अपने खरीदारों को सहायता पाने में मदद करें. अगर आपने ग्राहकों को कोई सॉफ़्टवेयर उपलब्ध कराया है, तो हो सकता है कि आपको कई अलग-अलग सवालों के जवाब देने के लिए, सहायता से जुड़ी जटिल प्रोसेस अपनानी पड़े. WebMCP का इस्तेमाल करके, एजेंट को सही फ़ॉर्म पर तेज़ी से जाने और उपयोगकर्ता से मिली जानकारी के साथ फ़ील्ड भरने में मदद की जा सकती है.
• यात्रा की बुकिंग को बेहतर बनाना. एजेंट को कम चरणों में, मुश्किल, एक से ज़्यादा जगह और एक से ज़्यादा यात्रियों की यात्रा बुक करने में मदद करें.

कुछ कार्रवाइयां संवेदनशील हो सकती हैं. जैसे, खरीदारी करना. पुष्टि करने वाले डायलॉग के साथ उपयोगकर्ता के इंटरैक्शन का अनुरोध करने के लिए, एक कमांड शामिल की जा सकती है.

आपके टूल, ये काम कर सकते हैं:

• स्ट्रक्चर्ड फ़ॉर्म भरें: एक submit_application टूल बनाएं. इससे एजेंट को, उपयोगकर्ता के साथ हुई बातचीत से इकट्ठा किए गए डेटा को फ़ॉर्म फ़ील्ड में सही तरीके से मैप करने में मदद मिलेगी. उदाहरण के लिए, यह पता लगाया जा सकता है कि किसी फ़ील्ड में पूरा नाम डालना ज़रूरी है या पहला नाम और उपनाम अलग-अलग डालना ज़रूरी है.
• ऐसे इंटरफ़ेस में सहायता एजेंट के इंटरैक्शन जो इंसानों के लिए बनाए गए हैं: कुछ फ़ील्ड इंसानों के लिए डिज़ाइन किए गए हैं, लेकिन हो सकता है कि एजेंट उन्हें न समझ पाएं. date_pick टूल बनाया जा सकता है. इसकी मदद से, बुकिंग या इवेंट के लिए तारीख और समय को आसानी से चुना जा सकता है.
• ऐप्लिकेशन को तेज़ी से डीबग करना: डेवलपर सेटिंग वाले पेज पर run_diagnostics टूल बनाया जा सकता है. इससे एजेंट, उन फ़िक्स को ट्रिगर कर सकता है जो नेस्ट किए गए मेन्यू में छिपे होते हैं.

क्या आपको इस्तेमाल का उदाहरण नहीं मिल रहा है? क्या आपके पास WebMCP के लिए कोई ऐसा आइडिया है जिसे शेयर करने के लिए आप उत्साहित हैं? GitHub पर सवाल पूछें और चर्चा में हिस्सा लें.

अपनी प्रोफ़ाइल बनाना शुरू करें

Chrome 149 से, WebMCP के ऑरिजिन ट्रायल में शामिल हों. ऑरिजिन ट्रायल का इस्तेमाल शुरू करने के तरीके के बारे में ज़्यादा जानें.

Local WebMCP

WebMCP, लोकल डेवलपमेंट के लिए Chrome फ़्लैग के तौर पर उपलब्ध है:

1. Chrome खोलें और chrome://flags/#enable-webmcp-testing पर जाएं
2. फ़्लैग को चालू है पर सेट करें.
3. बदलाव लागू करने के लिए, Chrome को फिर से लॉन्च करें.

WebMCP API का इस्तेमाल करना

वेबसाइट के टूल सेट अप करने के लिए, इन दो एपीआई का इस्तेमाल किया जा सकता है:

• इंपरेटिव एपीआई: स्टैंडर्ड JavaScript की मदद से, अलग-अलग तरह के टूल तय करें. जैसे, फ़ॉर्म इनपुट, नेविगेशन टूल, स्टेट मैनेजमेंट या अन्य फ़ंक्शन.
• डिक्लेरेटिव एपीआई: WebMCP टूल बनाने के लिए, स्टैंडर्ड एचटीएमएल फ़ॉर्म में एनोटेशन जोड़ें.

Chrome DevTools की मदद से, WebMCP टूल को डीबग किया जा सकता है. साथ ही, यह पुष्टि की जा सकती है कि ब्राउज़र, JSON स्कीमा को कैसे पार्स करता है.

सीमाएं

WebMCP का मकसद, एजेंट और लोगों के लिए मुश्किल टास्क को आसान बनाना है. हालांकि, इसकी कुछ सीमाएं हैं:

• हेडलेस ब्राउज़िंग: हेडलेस एनवायरमेंट में WebMCP टूल इस्तेमाल किए जा सकते हैं. हालांकि, इस एपीआई को मुख्य रूप से लोकल ब्राउज़र वर्कफ़्लो के लिए डिज़ाइन किया गया है. इसमें मैन्युअल तरीके से काम करने की सुविधा भी मिलती है.
• जटिल इंटरफ़ेस के लिए ओवरहेड: अगर आपकी साइट बहुत जटिल है, तो आपको ऐप्लिकेशन और इंटरफ़ेस की स्थिति को मैनेज करने के लिए, JavaScript को फिर से फ़ैक्टर करना होगा या उसे जोड़ना होगा.
• टूल का पता लगाना: क्लाइंट और ब्राउज़र को सीधे तौर पर किसी साइट पर जाना होगा, ताकि यह पता चल सके कि उसमें कॉल किए जा सकने वाले टूल हैं या नहीं.

अनुमतियों से जुड़ी नीति

दोनों एपीआई, tools अनुमतियों की नीति के तहत आते हैं. नीति की डिफ़ॉल्ट वैल्यू self होती है. इससे टॉप-लेवल और एक ही ऑरिजिन वाले कॉन्टेक्स्ट में टूल रजिस्टर करने की अनुमति मिलती है. साथ ही, क्रॉस-ऑरिजिन iframe के लिए इसे बंद कर दिया जाता है.

क्रॉस-ऑरिजिन iframe में WebMCP टूल को अनुमति देने के लिए, iframe में allow="tools" एट्रिब्यूट जोड़ें.

डेमो

इंपेरेटिव और डिक्लेरेटिव, दोनों तरह के तरीकों को लागू करने वाले डेमो के उदाहरण यहां दिए गए हैं:

• WebMCP zaMaker, WebMCP Imperative API का इस्तेमाल करता है.
• यात्रा का डेमो (React), WebMCP Imperative API का इस्तेमाल करता है.
• Le Petit Bistro का डेमो, WebMCP Declarative API का इस्तेमाल करता है.

GitHub पर जाकर, डेमो के सोर्स कोड की समीक्षा की जा सकती है और उसे एक्सप्लोर किया जा सकता है.

अपने टूल की जांच करने के लिए, एजेंट की तरह काम करना

हमने दो Chrome एक्सटेंशन बनाए हैं. इनसे आपको यह समझने में मदद मिलेगी कि हमारे डेमो और आपके ऐप्लिकेशन में WebMCP टूल कैसे काम करते हैं.

नैचुरल लैंग्वेज प्रॉम्प्ट की मदद से, WebMCP टूल की जांच करने, उन्हें मॉनिटर करने, और उन्हें लागू करने के लिए, Example Agentic Chrome Extension इंस्टॉल करें. खास तौर पर, यह एक्सटेंशन हमेशा WebMCP एनोटेशन पर भरोसा करता है. इससे एजेंट को संवेदनशील कार्रवाइयों के बारे में सूचना मिल सकती है. इससे पता चलता है कि एनोटेशन के साथ कोई टूल अलग-अलग तरह से कैसे काम कर सकता है.

डिफ़ॉल्ट रूप से, यह एक्सटेंशन एआई एसडीके के साथ एक छोटे नोड सर्वर का इस्तेमाल करता है. एपीआई पासकोड ज़रूरी हैं और ये लोकल सर्वर पर ही रहते हैं. आपके प्रॉम्प्ट, डिफ़ॉल्ट रूप से gemini-3.6-flash मॉडल को भेजे जाते हैं. हालांकि, एक्सटेंशन की .env फ़ाइल में जाकर, मॉडल और एपीआई उपलब्ध कराने वाली कंपनी को बदला जा सकता है. इसमें OpenAI, Google, और Anthropic के लिए फ़ील्ड दिए गए हैं. इसके अलावा, एक्सटेंशन को पसंद के मुताबिक बनाया जा सकता है, ताकि किसी अन्य कंपनी के मॉडल का इस्तेमाल किया जा सके.

इसके अलावा, Prompt API के साथ क्लाइंट-साइड मॉडल का इस्तेमाल किया जा सकता है. इसके लिए, एपीआई कुंजियों की ज़रूरत नहीं होती. साथ ही, डेटा आपके डिवाइस पर सेव रहता है. ऐसा करने के लिए, chrome://flags/#prompt-api-tool-use चालू करें.

Model Context Tool Inspector एक्सटेंशन इंस्टॉल करें. इससे आपको किसी एजेंट के साथ एक्सपेरिमेंट करने का मौका मिलेगा. साथ ही, यह देखने का मौका मिलेगा कि लाइव डेमो या आपके अपने ऐप्लिकेशन में WebMCP टूल कैसे काम करते हैं. नैचुरल लैंग्वेज में प्रॉम्प्ट देकर यह पता लगाएं कि एजेंट, WebMCP टूल के साथ आपकी उम्मीद के मुताबिक इंटरैक्ट करता है या नहीं.

अपने टूल को कॉल करने के लिए Gemini का इस्तेमाल करने के लिए, आपके पास एक एपीआई पासकोड होना चाहिए. इसे आपको एक्सटेंशन के इंटरफ़ेस में देना होगा. आपके प्रॉम्प्ट, डिफ़ॉल्ट रूप से gemini-3.6-flash मॉडल को भेजे जाते हैं. एक्सपेरिमेंट करने के लिए, Gemini के किसी दूसरे मॉडल को चुना जा सकता है. इसके अलावा, किसी अन्य सेवा देने वाली कंपनी के मॉडल का इस्तेमाल करने के लिए, एक्सटेंशन कोड को पसंद के मुताबिक बनाया जा सकता है.

सुझाव/राय दें या शिकायत करें

WebMCP पर अब भी काम चल रहा है. इसलिए, आने वाले समय में इसमें बदलाव हो सकता है. अगर आपने इन एपीआई को आज़माया है और आपको कोई सुझाव, शिकायत या राय देनी है, तो हमें ज़रूर बताएं.

• WebMCP के ओरिजिन ट्रायल में शामिल हों. साथ ही, Chrome Status पर Chrome के लिए लागू करने का तरीका देखें.
• WebMCP के बारे में जानकारी देने वाला लेख पढ़ें, सवाल पूछें, और चर्चा में हिस्सा लें.
• WebMCP इस्तेमाल करने के सबसे सही तरीके पढ़ें.
• WebMCP टूल की सुरक्षा से जुड़े दिशा-निर्देश और सबसे सही तरीके पढ़ें.
• अगर आपको Chrome में लागू किए गए बदलावों के बारे में कोई सुझाव या राय देनी है या शिकायत करनी है, तो Chromium बग फ़ाइल करें.