ऐसी वेबसाइटें और ऐप्लिकेशन बनाएँ जो उपयोगकर्ताओं और उनके एआई एजेंट के लिए काम करें.

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 API और दस्तावेज़ के बारे में ज़्यादा जानें.
WebMCP टूल जोड़कर, उपयोगकर्ताओं और एजेंट को ज़्यादा असरदार तरीके से काम करने में मदद करने के लिए, अपनी साइट पर उपलब्ध अवसरों के बारे में जानें.
साइट के हिसाब से फ़ंक्शन लागू करने के लिए, स्टैंडर्ड JavaScript की मदद से WebMCP टूल तय करें. जैसे, फ़ॉर्म इनपुट और साइट नेविगेशन.
एनोटेशन जोड़कर, अपने स्टैंडर्ड एचटीएमएल फ़ॉर्म को WebMCP टूल में बदलें.
अपने टूल की जांच करें. इससे यह पुष्टि की जा सकेगी कि एजेंट को यह पता है कि टूल को कब कॉल करना है, इसे कैसे लागू करना है, और कौनसे जवाब स्वीकार किए जा सकते हैं.
WebMCP API इस्तेमाल करने के सबसे सही तरीके जानें.
अपनी वेबसाइट के लिए सुरक्षित टूल बनाने का तरीका जानें.
WebMCP और MCP, दोनों मिलकर एजेंट को इंसानों के लिए, उनकी पसंद के मुताबिक टास्क पूरे करने में मदद करते हैं.

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

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

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

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

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

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

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

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