WebMCP: ब्राउज़र एआई एजेंट्स के लिए नए वेब डेवलपमेंट मानक

आज के समय में जब एआई एजेंट्स (जैसे फ्लाइट बुक करना, राशन ऑर्डर करना या कस्टमर डेटाबेस मैनेज करना) खुद वेब ब्राउज़ करते हैं, तो उन्हें पारंपरिक एचटीएमएल (HTML DOM) को समझने में काफी कठिनाई होती है। स्क्रीन से डेटा निकालना (visual scraping) या सीएसएस सिलेक्टर्स का उपयोग करना अस्थिर (brittle) होता है और इसमें गलतियों की संभावना अधिक होती है।

2026 की शुरुआत में, पूरी इंडस्ट्री ने WebMCP (Web Model Context Protocol) को एक नया मानक स्वीकार किया। WebMCP एक ओपन स्टैंडर्ड है जो वेबसाइट्स को यह सुविधा देता है कि वे अपनी कार्यक्षमताओं को सीधे एआई एजेंट्स के लिए टूल्स के रूप में घोषित कर सकें।

---

1. WebMCP क्या है?

WebMCP मूल मॉडल कॉन्टेक्स्ट प्रोटोकॉल (MCP) का ही एक रूप है जो ब्राउज़र के अंदर काम करता है। यह वेबसाइट के जावास्क्रिप्ट और सक्रिय एआई एजेंट (चाहे वह ब्राउज़र एक्सटेंशन हो या कोई अन्य ऑटोमेशन टूल) के बीच एक मजबूत पुल का काम करता है।

स्क्रैपिंग करने, बटन ढूंढने और फॉर्म भरने की बजाय, WebMCP सक्षम वेबसाइट्स सीधे एआई को विजेट्स और टूल्स प्रदान करती हैं:

• डिक्लेरेटिव एक्शन्स (Declarative Actions) : एचटीएमएल फॉर्म्स में कुछ एट्रीब्यूट्स जोड़कर उन्हें सीधे एआई के चलाने योग्य बनाया जाता है।
• इम्पैरेटिव जावास्क्रिप्ट एपीआई : जावास्क्रिप्ट फंक्शन्स को सीधे टूल्स के रूप में रजिस्टर करना ताकि एआई उन्हें कॉल करके साफ JSON डेटा प्राप्त कर सके।
• स्टेट सिंक्रोनाइजेशन (State Sync) : ऐप की आंतरिक स्थिति (जैसे शॉपिंग कार्ट में रखा सामान) को सीधे एआई को दिखाना।

---

2. डिक्लेरेटिव फॉर्म इंटीग्रेशन (Form Integration)

WebMCP की सबसे अच्छी बात यह है कि डेवलपर्स बिना अपना एपीआई बदले मौजूदा फॉर्म्स को एआई-फ्रेंडली बना सकते हैं। फॉर्म में mcp-* एट्रीब्यूट्स जोड़कर एआई को बताया जाता है कि वह डेटा कैसे सबमिट कर सकता है।

<!-- एआई एजेंट्स के लिए फ्लाइट सर्च फॉर्म का उदाहरण -->
<form 
  id="flight-search" 
  mcp-tool="SearchFlights" 
  mcp-description="यह टूल दो शहरों के बीच फ्लाइट्स को ढूंढता है"
>
  <input 
    type="text" 
    name="from" 
    mcp-param="from" 
    mcp-description="प्रस्थान शहर का नाम या एयरपोर्ट कोड (जैसे DEL, BOM)"
    required 
  />
  <input 
    type="text" 
    name="to" 
    mcp-param="to" 
    mcp-description="आगमन शहर का नाम या एयरपोर्ट कोड (जैसे LHR, JFK)"
    required 
  />
  <input 
    type="date" 
    name="date" 
    mcp-param="date" 
    required 
  />
  <button type="submit">फ्लाइट सर्च करें</button>
</form>

जब कोई एआई एजेंट इस फॉर्म को देखता है, तो उसे माउस क्लिक की नकल करने की आवश्यकता नहीं होती। वह सीधे SearchFlights टूल को खोजता है, जरूरी पैरामीटर्स भरता है और फॉर्म को तुरंत सबमिट कर देता है।

---

3. इम्पैरेटिव एपीआई (Imperative API) और जावास्क्रिप्ट टूल्स

जटिल और बड़े वेब ऐप्स (जैसे डैशबोर्ड, एडिटर्स या डेटा चार्ट्स) के लिए फॉर्म्स काफी नहीं होते। इसके लिए WebMCP जावास्क्रिप्ट एपीआई प्रदान करता है ताकि ऐप के फंक्शन्स को सीधे रजिस्टर किया जा सके।

// 2026 में WebMCP SDK के माध्यम से क्लाइंट-साइड टूल रजिस्टर करना
import { webMcp } from "@webmcp/sdk";

webMcp.registerTool({
  name: "ExportActiveChartData",
  description: "यह टूल एक्टिव चार्ट के डेटा को JSON या CSV फॉर्मेट में निकालता है",
  parameters: {
    type: "object",
    properties: {
      format: { type: "string", enum: ["csv", "json"], default: "json" }
    }
  },
  execute: async ({ format }) => {
    const data = window.AnalyticalEngine.getActiveDataSet();
    if (format === "csv") {
      return { data: window.AnalyticalEngine.convertToCSV(data) };
    }
    return { data };
  }
});

इस कोड की मदद से कोई भी एआई एजेंट वेबसाइट के मुख्य डेटा को सीधे पढ़ सकता है। यदि यूजर अपने ब्राउज़र एआई से पूछता है, “इस चार्ट का सारांश बताएं,” तो एजेंट सीधे ExportActiveChartData को कॉल करके साफ डेटा प्राप्त करता है और सारांश दिखा देता है।

---

4. सुरक्षा और यूजर की अनुमति (Security & Consent)

वेबसाइट की आंतरिक क्षमताओं को सीधे एआई एजेंट्स के लिए खोलना सुरक्षा के लिहाज से एक बड़ा खतरा हो सकता है। इसलिए WebMCP एक बहुत ही कड़ा सुरक्षा मॉडल अपनाता है:

1. स्पष्ट अनुमति : ब्राउज़र सैंडबॉक्स हमेशा वेबसाइट द्वारा एआई एजेंट को एक्सेस करने से पहले यूजर से अनुमति (permission popup) मांगता है।
2. रीड-ओनली बनाम राइट टूल्स (Read/Write Tools) : ऐसे टूल्स जो कोई बदलाव या पेमेंट करते हैं, उन्हें “Write” टूल माना जाता है और हर बार चलने से पहले यूजर से अलग से अनुमति की मांग की जाती है।
3. डोमेन वेरिफिकेशन : सुरक्षा सुनिश्चित करने के लिए सभी रिक्वेस्ट्स में डोमेन सिग्नेचर को चेक किया जाता है।

WebMCP वेब डेवलपमेंट के तौर-तरीकों को बदल रहा है। वेबसाइट्स को इंसानों और एआई दोनों के समझने योग्य बनाकर डेवलपर्स भविष्य के एआई-आधारित इंटरनेट के लिए अपनी साइट्स को तैयार कर रहे हैं।