अपनी वेबसाइट और वेब ऐप्लिकेशन के लिए, एआई के समाधान ढूंढें और उन्हें बनाएं.
ब्राउज़र में बनाए गए टास्क पर आधारित एपीआई खोजें. ये एपीआई, लोकल मॉडल की मदद से एआई टास्क पूरे करते हैं.
WebMCP टूल बनाएं, ताकि साइटें एआई एजेंट की भरोसेमंद कार्रवाई में मदद कर सकें.
Wasm, WebGPU, और WebNN की मदद से, कंप्यूट और मॉडल की परफ़ॉर्मेंस को बेहतर बनाएं.
कोर्स

इवैलुएशन (या इवैल), आपकी एआई सुविधाओं के लिए टेस्ट होते हैं. जब आप एक मज़बूत इवैलुएशन पाइपलाइन बनाते हैं, तो एलएलएम पर आधारित आपकी सुविधाएं, उपयोगकर्ताओं के लिए बेहतर तरीके से काम करेंगी. इसके बाद, आपको अपनी सुविधाओं को शिप करने में आसानी होगी.

इस कोर्स में, आपको एलएलएम को जज के तौर पर इस्तेमाल करने के पैटर्न के बारे में जानकारी मिलेगी. इससे आपको यह पता चलेगा कि किसी विषय के हिसाब से क्वालिटी का आकलन कैसे किया जाता है, कम से कम सेटअप के साथ जज कैसे बनाया जाता है, और कस्टम जज को डेवलप करने की बेहतर तकनीकें क्या हैं. कस्टम जज, डोमेन के टॉप एक्सपर्ट की तरह सोचता है. आपको बिल्ड टाइम और प्रोडक्शन के दौरान आकलन करने होंगे, ताकि रिग्रेशन का पता जल्दी लगाया जा सके.

सीखना शुरू करें

ब्राउज़र में, स्थानीय तौर पर अनुमान लगाना

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

WebMCP की मदद से, एजेंट से भरोसेमंद कॉल करना

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 का इस्तेमाल कब करें असरदार टूल बनाना

कंप्यूट और मॉडल की परफ़ॉर्मेंस को बेहतर बनाना

ज़्यादा जानें

एआई इन्फ़रेंस में आम तौर पर इस्तेमाल होने वाले टास्क के लिए, WebAssembly में किए गए सुधारों के बारे में जानें.

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

Chrome में WebGPU के बारे में जानें और जीपीयू पर सामान्य कंप्यूटेशन के लिए बेहतरीन सहायता पाएं.

खास जानकारी पढ़ें Chrome स्टेटस

ब्राउज़र में मशीन लर्निंग की कार्रवाइयां करने के लिए, WebNN API का इस्तेमाल करें.

स्पेसिफ़िकेशन पढ़ें Chrome का स्टेटस
कोर्स

कंपनी के निर्देशों या उत्साह की वजह से, सिर्फ़ एआई के लिए एआई का इस्तेमाल करना फ़ायदेमंद नहीं है. सबसे अच्छी सुविधाएं, उपयोगकर्ता की ज़रूरत के हिसाब से बनाई जाती हैं. साथ ही, उनकी वैल्यू का आकलन, उनसे मिलने वाले फ़ायदों के आधार पर किया जाता है.

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

सीखना शुरू करें

कोडिंग में मदद

मॉडर्न वेब के लिए दिशा-निर्देश

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

टीम से मिलें

Chrome की वेब डेवलपर रिलेशंस टीम और पहले से मौजूद एआई पीएम, वेब और पहले से मौजूद एआई से लेकर WebMCP तक के बारे में बातचीत करने के लिए उपलब्ध हैं. हमारे साथ एशिया, यूरोप, और अमेरिका के लोग जुड़े हैं

टीम से मिलें

एआई और Gemini Nano से जुड़ी खबरें

पेश है वेब एआई

web.dev

एआई क्या है?

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

क्लाइंट-साइड एआई को बेहतर बनाना

क्लाइंट-साइड एआई का इस्तेमाल करने की तकनीकें जानें. इससे, इंतज़ार का समय कम होता है, सर्वर-साइड की लागत कम होती है, उपयोगकर्ता की निजता को बेहतर बनाया जा सकता है वगैरह.
दस्तावेज़ पढ़ें