WebMCP का इस्तेमाल करके, ऐसी साइटें बनाएं जो एआई एजेंट के साथ बेहतर तरीके से काम करें.

WebMCP API

WebMCP क्या है और आपको इसके बारे में क्यों सोचना चाहिए?

दस्तावेज़ पढ़ें

WebMCP टूल को स्टैंडर्ड JavaScript के साथ तय करें, ताकि साइट के हिसाब से फ़ंक्शन चलाए जा सकें. जैसे, फ़ॉर्म इनपुट और साइट नेविगेशन.

दस्तावेज़ पढ़ें

एनोटेशन जोड़कर, अपने स्टैंडर्ड एचटीएमएल फ़ॉर्म को WebMCP टूल में बदलें.

दस्तावेज़ पढ़ें

WebMCP और MCP, दोनों मिलकर एजेंट को उपयोगकर्ताओं की ओर से उनकी ज़रूरत के मुताबिक टास्क पूरे करने में मदद करते हैं.

दस्तावेज़ पढ़ें

WebMCP कैसे काम करता है

सिर्फ़ तीन चरणों में, आपकी साइट एजेंटों को यह जानकारी देती है कि वे क्या कर सकते हैं.
चरण 1

आपकी साइट, WebMCP टूल के तौर पर उन कार्रवाइयों के बारे में बताती है जो कोई एजेंट कर सकता है. हर टूल का एक नाम, ब्यौरा, और JSON स्कीमा होता है.

// Imperative API
document.modelContext.registerTool({
  name: "bookSlot",
  title: "Book a consultation slot",
  description: "Reserve a 30-minute consultation.",
  inputSchema: {
    type: "object",
    properties: {
      date:  { type: "string", format: "date" },
      time:  { type: "string" },
      name:  { type: "string" },
      email: { type: "string", format: "email" }
    },
    required: ["date", "time", "name", "email"]
  },
  annotations: { readOnlyHint: false },
  execute: async (input, client) => {
    return await api.book(input);
  }
});
चरण 2

ब्राउज़र, इन टूल को इकट्ठा करता है और उपयोगकर्ता के WebMCP-अवेयर एजेंट को दिखाता है. साथ ही, पेज का यूआरएल, टाइटल, और ऑरिजिन की अनुमति का दायरा भी दिखाता है.

आपकी साइट, ब्राउज़र से कम्यूनिकेट करती है. इसके बाद, ब्राउज़र एजेंट के लिए इसका अनुवाद करता है.
तीसरा चरण

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

// the agent's view
{
  "tool": "bookSlot",
  "arguments": {
    "date": "2026-07-31",
    "time": "14:00",
    "name": "Jerry Jones",
    "email": "jerry.jones@example.com"
  }
}

एजेंट के लिए अपनी साइट को ऑप्टिमाइज़ करना

ऐसे सुरक्षित टूल बनाएं जो आपके उपयोगकर्ता की ज़रूरतों और आपकी साइट की क्षमताओं के मुताबिक हों.

उपयोगकर्ता और एजेंट के नज़रिए से उदाहरण पढ़ें, ताकि यह समझा जा सके कि क्रिटिकल यूज़र जर्नी (सीयूजे) को बेहतर बनाने के लिए, WebMCP के कौनसे टूल काम के हैं.

दस्तावेज़ पढ़ें

किसी भी सॉफ़्टवेयर ऐप्लिकेशन की तरह, आपका पहला कदम टूल की रणनीति बनाना होना चाहिए.

दस्तावेज़ पढ़ें

अपनी वेबसाइट या वेब ऐप्लिकेशन के लिए काम के WebMCP टूल तय करने और बनाने का तरीका जानें.

दस्तावेज़ पढ़ें

WebMCP की मदद से टूल बनाने वाले लोगों के लिए, सुरक्षा से जुड़े हमारे शुरुआती दिशा-निर्देश पढ़ें.

दस्तावेज़ पढ़ें

WebMCP टूल रिलीज़ करने से पहले, यह जांच लें कि एजेंट को यह पता हो कि टूल को कब कॉल करना है, उसे कैसे इस्तेमाल करना है, और किस तरह के जवाब स्वीकार किए जा सकते हैं.

दस्तावेज़ पढ़ें

एआई एजेंट की मदद से वीडियो बनाना

अपने पसंदीदा एआई कोडिंग एजेंट के साथ मॉडर्न वेब गाइडेंस का इस्तेमाल करें, ताकि आप अपने पसंदीदा वर्कफ़्लो में वेब के सबसे सही तरीकों को ऐक्सेस कर सकें.
npx modern-web-guidance@latest install
कोडिंग एजेंट की मदद से, एक्सटेंशन को तेज़ी से बनाने के लिए, मॉडर्न वेब गाइडेंस का इस्तेमाल करें.

एजेंट डेवलपर के लिए सुरक्षा से जुड़ी बातें

एजेंट डेवलपर को, गैर-भरोसेमंद कॉन्टेंट से मिले नुकसान पहुंचाने वाले टेक्स्ट से सुरक्षा के लिए, डिज़ाइन तैयार करना होगा. हम WebMCP का इस्तेमाल करने वाले एजेंटों के लिए, सुरक्षा से जुड़ी कुछ तकनीकों की पहचान करते हैं.

एआई असिस्टेंस, अब सीधे आपके ब्राउज़र में. खुले हुए टैब के कॉन्टेक्स्ट के हिसाब से ख़ास जानकारी पाएँ, कॉन्सेप्ट आसानी से समझें, और सवालों के जवाब पाएँ.

Gemini, Google के अलग-अलग ऐप्लिकेशन के साथ कनेक्ट कर सकता है, ताकि यह रोज़मर्रा के कामों को आसानी से करने में आपकी मदद कर सके.

पेश है एआई एजेंट

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