스크립트
00:00:00एआई की वजह से पूरे उद्योग में एक बहुत बड़ा बदलाव आ रहा है।
00:00:04आजकल ज़्यादा से ज़्यादा उपयोगकर्ता अपनी नियमित खोज या रिसर्च के लिए चैटबॉट्स का उपयोग कर रहे हैं,
00:00:10और यही कारण है कि MCP ऐप्स की अवधारणा तेजी से लोकप्रिय हो रही है।
00:00:14कोई JSON फ़ाइल या मार्कडाउन दस्तावेज़ दिखाने के बजाय,
00:00:18ज़्यादा से ज़्यादा ऐप्स और सेवाएं चैटबॉट के भीतर इन इंटरैक्टिव और मददगार विजेट्स को प्रदान करने पर स्विच कर रही हैं।
00:00:24और हाल ही में Alpic कंपनी ने SkyBridge नाम से एक बेहतरीन नया फ्रेमवर्क जारी किया है
00:00:29जो सभी प्रकार के विभिन्न उपयोग के मामलों के लिए आपके अपने कस्टम MCP ऐप्स बनाना बेहद आसान बनाता है।
00:00:35तो आज के वीडियो में, हम SkyBridge पर एक नज़र डालेंगे, देखेंगे कि यह कैसे काम करता है, और इसे खुद आज़माएंगे।
00:00:41यह बहुत मजेदार होने वाला है, तो चलिए इसमें आगे बढ़ते हैं।
00:00:47यह वास्तव में समझने के लिए कि SkyBridge इतना महत्वपूर्ण क्यों है, आपको यह समझना होगा कि ये नए ऐप्स कैसे काम करते हैं।
00:00:53जब आप एक पारंपरिक वेब ऐप बनाते हैं, तो आप इसे एक उपयोगकर्ता यानी इंसान के लिए बना रहे होते हैं।
00:00:58लेकिन एक MCP ऐप के साथ, आप वास्तव में एक साथ दो उपयोगकर्ताओं के लिए निर्माण कर रहे हैं, इंसान और एआई सहायक,
00:01:05क्योंकि वे दोनों बिल्कुल एक ही इंटरफ़ेस साझा करते हैं।
00:01:08इंसान बटन क्लिक कर सकता है, इनपुट टाइप कर सकता है, और स्लाइडर्स को खिसका सकता है, और LLM तुरंत उस स्थिति को देखता है।
00:01:15और इसके विपरीत, LLM पृष्ठभूमि में डेटा को अपडेट कर सकता है,
00:01:18और यूआई ठीक आपके सामने वास्तविक समय में बदल जाता है।
00:01:21और SkyBridge उसके लिए एक ओपन सोर्स टाइपस्क्रिप्ट फ्रेमवर्क है जो सभी जटिल प्लंबिंग को संभालता है,
00:01:26प्रोटोकॉल ब्रिजिंग, स्टेट सिंक, और सुरक्षा नियम,
00:01:30ताकि आप केवल मानक रिएक्ट कोड लिखने पर ध्यान केंद्रित कर सकें।
00:01:34अब, यदि आपने पहले कभी ChatGPT या Claude के लिए MCP ऐप्स बनाने की कोशिश की है,
00:01:39आप जानते हैं कि स्थानीय परीक्षण लूप हुआ करता था एक बहुत बड़ी सिरदर्द।
00:01:43आपको मैन्युअल रूप से सार्वजनिक टनल सेट अप करनी पड़ती थी, कॉन्फ़िगरेशन कॉपी-पेस्ट करने पड़ते थे,
00:01:47और केवल एक छोटी सी सीएसएस टाइपो को ठीक करने के लिए अपने चैट सत्रों को पुनरारंभ करना पड़ता था।
00:01:52लेकिन SkyBridge 1.0 का सबसे अच्छा हिस्सा यह है कि इसने DevTools नियंत्रण कक्ष को पूरी तरह से फिर से डिज़ाइन किया है।
00:01:59अब, जब आप अपना स्थानीय देव सर्वर चलाते हैं, तो यह आपके ब्राउज़र में एक एमुलेटर डैशबोर्ड लॉन्च करता है।
00:02:04और इस डैशबोर्ड के अंदर, आपके पास तीन अच्छे टूल हैं।
00:02:08पहला है अल्पिक प्लेग्राउंड,
00:02:11एक स्थानीय सैनबॉक्स जहां आप लाइव हॉट मॉड्यूल रिप्लेसमेंट का उपयोग करके अपने टूल का परीक्षण कर सकते हैं और अपने रिएक्ट विजेट्स को ट्विक कर सकते हैं।
00:02:17और आप अभी तक किसी वास्तविक LLM को छुए बिना तुरंत बदलाव देख सकते हैं।
00:02:21और दूसरा, एक एकीकृत टनल है,
00:02:24जो आपको शाब्दिक रूप से एक क्लिक के साथ एक सुरक्षित सार्वजनिक URL के माध्यम से अपने स्थानीय सर्वर को उजागर करने की अनुमति देता है।
00:02:30इसलिए आपको बाहरी टनलिंग के साथ गड़बड़ करने की आवश्यकता नहीं है।
00:02:33बस इस URL को ChatGPT की डेवलपर सेटिंग्स में पेस्ट करें और आप लाइव हैं।
00:02:37और तीसरा बीकन ऑडिट टूल है।
00:02:40और यह एक जीवन रक्षक है यदि आप अपने ऐप्स को सार्वजनिक स्टोर पर सबमिट करने की योजना बनाते हैं।
00:02:44यह आम अस्वीकृति ट्रिगर को पकड़ने के लिए आपके ऐप के मेटाडेटा, टूल्स और सुरक्षा नीतियों को स्कैन करता है
00:02:49समीक्षा के लिए अपना ऐप सबमिट करने से पहले।
00:02:52और सबसे अच्छी बात यह है कि भले ही आपने कभी कोई MCP ऐप न बनाया हो,
00:02:56आप तुरंत शुरुआत करने के लिए अपने पसंदीदा एआई एजेंट पर SkyBridge स्किल को आसानी से स्थापित कर सकते हैं।
00:03:02तो अब आइए अपने दम पर एक छोटा MCP ऐप बनाने का प्रयास करें और देखें कि यह कैसे काम करता है।
00:03:07तो इस डेमो के लिए, मैंने आगे बढ़कर यह छोटी ई-कॉमर्स वेबसाइट बनाई है
00:03:11जहां आप विभिन्न कैमरा लेंस के लिए खरीदारी कर सकते हैं।
00:03:14और यह मूल रूप से कार्ट और चेकआउट कार्यक्षमता के साथ एक पूरी तरह से निर्मित रिएक्ट-आधारित स्टोर है।
00:03:19और अब मैं इसके लिए एक MCP ऐप जोड़ना चाहता हूं।
00:03:22ताकि यदि कोई संभावित ग्राहक कैमरा लेंस की सिफारिशों की खोज करने के लिए ChatGPT या Claude जैसे चैटबॉट का उपयोग करता है,
00:03:30यह अंत उपयोगकर्ता के लिए हमारे उत्पाद लिस्टिंग को दिखाने के लिए तुरंत हमारे MCP ऐप को कॉल करेगा।
00:03:36तो जैसा कि मैंने पहले कहा, शुरुआत करने का सबसे आसान तरीका सिर्फ SkyBridge स्किल को स्थापित करना है।
00:03:42और हम इसे विश्व स्तर पर स्थापित कर सकते हैं या सिर्फ अपने विशिष्ट रेपो के लिए।
00:03:46और इस डेमो उद्देश्य के लिए, मैं आगे बढ़ने जा रहा हूं और इसे रेपो में स्थापित करने जा रहा हूं।
00:03:51और अब आप देख सकते हैं कि हमारे पास SkyBridge स्किल के साथ यह .agents निर्देशिका मौजूद है।
00:03:57और अब मुझे जो करना है वह केवल Claude से मेरे ई-कॉमर्स शॉप के लिए एक MCP ऐप बनाने के लिए कहना है।
00:04:04और इसे बनाने से पहले, Claude पहले मुझसे ऐप के इरादे के बारे में कुछ अनुवर्ती प्रश्न पूछेगा
00:04:09यह बेहतर ढंग से समझने के लिए कि हमें इसमें किस प्रकार की कार्यक्षमता शामिल करने की आवश्यकता है।
00:04:13और इस डेमो के लिए, मैं एक ऐसा ऐप रखना चाहता हूं जो उपयोगकर्ता की तलाश के आधार पर लेंस सूचीबद्ध करता है।
00:04:18और फिर हम उन्हें चुन सकते हैं और उनकी तुलना कंधे से कंधा मिलाकर कर सकते हैं और उन्हें अपने कार्ट में भी जोड़ सकते हैं
00:04:24और हमारे ग्राहकों के लिए एक त्वरित चेकआउट समाधान प्रदान करते हैं।
00:04:28और मूल रूप से मुझे यही करने की आवश्यकता है।
00:04:29और अब मैं सिर्फ Claude को अपना काम करने देता हूं।
00:04:32और लगभग कुछ ही मिनटों में, हम देखते हैं कि Claude ने हमारा MCP ऐप जनरेट कर लिया है।
00:04:37और सबसे अच्छी बात यह है कि अब हम SkyBridge द्वारा प्रदान किए गए डेवलपर डैशबोर्ड को खोल सकते हैं
00:04:41और इसे खुद आजमाएं।
00:04:44तो अब अगर हम डैशबोर्ड खोलते हैं, तो हम देख सकते हैं कि यह कैसा दिखता है।
00:04:47और यहाँ हमारे पास हमारा सर्च लेंस टूल और प्लेस ऑर्डर टूल है।
00:04:53तो सबसे पहले, सर्च लेंस के लिए, मैं केवल उन लेंसों के लिए अधिकतम मूल्य डालने जा रहा हूँ जिनकी मैं तलाश कर रहा हूँ।
00:05:00और आइए इसे शायद पांच लेंसों तक सीमित रखें।
00:05:03और लीजिए।
00:05:04इसे 14 मैच मिले जो $2,000 से कम के हैं।
00:05:09यहाँ बताया गया है कि ऐप डेस्कटॉप पर कैसा दिखता है।
00:05:12हम मोबाइल दृश्य का पूर्वावलोकन भी कर सकते हैं।
00:05:14अच्छा लग रहा है।
00:05:15हमारे पास डार्क मोड और लाइट मोड भी है।
00:05:18और यहाँ हमारे पास टूल आउटपुट और स्थिति है।
00:05:23और देखिए क्या होता है यदि मैं कुछ लेंस चुनता हूँ।
00:05:26जैसा कि आप देख सकते हैं, स्थिति मक्खी पर अपडेट होती है, जो बहुत अच्छी है।
00:05:31तो अब आइए तीन लेंस चुनें।
00:05:34और अब अगर हम तुलना पर क्लिक करते हैं, तो हम अब तुलना स्क्रीन पर पहुँच जाते हैं।
00:05:40और यहाँ हम अपने सभी तीन लेंसों को सभी मापदंडों के साथ अगल-बगल देख सकते हैं।
00:05:45और यदि हम इस चयन से खुश हैं, तो हम चेकआउट में भी जा सकते हैं।
00:05:49और यह चेकआउट चरण में जाता है जहाँ हम अपना पूरा नाम, ईमेल और शिपिंग पता डाल सकते हैं और अपना ऑर्डर दे सकते हैं।
00:05:59तो जैसा कि आप देख सकते हैं, यह डैशबोर्ड यह देखने के लिए परीक्षण करने के लिए वास्तव में बहुत अच्छा है कि क्या सब कुछ अपेक्षा के अनुरूप काम कर रहा है।
00:06:08और अब अगर हम क्लाउड पर जाएं, और सेटिंग्स में, हमारे पास कनेक्टर्स नामक यह खंड है।
00:06:16और हमें कस्टमाइज़ पर क्लिक करना होगा।
00:06:19और इसके लिए, आपको टनल URL की आवश्यकता होगी।
00:06:21तो सुनिश्चित करें कि आपने टनल को सक्रिय कर दिया है।
00:06:24और हम इस URL को कॉपी कर सकते हैं।
00:06:26और कनेक्टर अनुभाग में, आपको बस एक कस्टम कनेक्टर जोड़ने की आवश्यकता है।
00:06:31एक नाम दें।
00:06:33और उस टनल URL में पेस्ट करें।
00:06:38और बस जोड़ें क्लिक करें।
00:06:39मैंने इसे यहाँ पहले ही जोड़ लिया है।
00:06:41और आखिरी काम जो आपको करने की ज़रूरत है वह है कनेक्ट पर क्लिक करना।
00:06:45और आप अनुमति भी सेट कर सकते हैं यदि आप चाहते हैं कि ये टूल अपने आप चलें या आप उपयोगकर्ता से अनुमोदन चाहते हैं।
00:06:53और फिर हम आगे बढ़ सकते हैं और एक नई चैट शुरू कर सकते हैं।
00:06:57और नई चैट में, मैं अब पूछ सकता हूँ, पोर्ट्रेट शूटिंग के लिए $2,000 से कम के सबसे अच्छे लेंस के लिए कुछ सिफारिशें दें।
00:07:05और अब हम देख सकते हैं कि यह कहता है कि यह $2,000 के तहत कुछ महान पोर्ट्रेट विकल्पों के लिए लेंस शॉप कैटलॉग खोजेगा।
00:07:12और उसे देखो।
00:07:14इसने हमारा MCP ऐप खोला।
00:07:16यह कितना कूल है?
00:07:18और हम यहाँ भी वही काम कर सकते हैं।
00:07:20हम यहाँ कुछ लेंस चुन सकते हैं।
00:07:24और फिर तुलना अनुभाग में जाएं।
00:07:27और इसमें यह छोटी सी तुलना तालिका है।
00:07:32केवल एक चीज जो मैंने देखी वह यह है कि हमारे पास हमारे टूल की पिछली स्थिति से यह सफेद स्थान है।
00:07:40तो यह शायद कुछ ऐसा है जिसे आप सीएसएस में ठीक कर सकते हैं।
00:07:43लेकिन सब कुछ बहुत अच्छा लग रहा है।
00:07:46और हमारे पास चेक आउट करने का विकल्प भी है।
00:07:49और हम चेकआउट अनुभाग में पहुँचते हैं जहाँ हम अपना ऑर्डर दे सकते हैं।
00:07:54तो यह कितना कूल है?
00:07:57और अंत में, और सबसे महत्वपूर्ण बात, यह देखने के लिए कि क्या आपका ऐप सार्वजनिक ऐप स्टोर पर प्रकाशित होने के लिए तैयार है,
00:08:02हम डेवलपर डैशबोर्ड के माध्यम से अपने ऐप का ऑडिट भी चला सकते हैं और जाँच सकते हैं कि क्या हमें इसके साथ कोई समस्या है।
00:08:10और मूल रूप से, बस इतना ही।
00:08:11सिर्फ कुछ ही मिनटों में, हम SkyBridge के साथ एक प्रोडक्शन-रेडी MCP ऐप बनाने में सक्षम थे।
00:08:16जिसे हम सैद्धांतिक रूप से AI ऐप स्टोर में सबमिट कर सकते हैं।
00:08:20तो मुझे उम्मीद है कि इससे आपको पता चलता है कि SkyBridge के साथ शुरुआत करना कितना आसान है।
00:08:25और ईमानदारी से, यह आधुनिक वेब के भविष्य जैसा महसूस होता है।
00:08:28मुझे लगता है कि हम अपने चैटबॉट्स के अंदर इन इंटरैक्टिव MCP विजेट ऐप्स को अधिक से अधिक देखना शुरू कर देंगे।
00:08:34इसलिए यह अच्छा है कि SkyBridge जैसे फ्रेमवर्क हैं जो हम डेवलपर्स के लिए इस तरह के ऐप्स बनाने की प्रक्रिया को बहुत आसान बना रहे हैं।
00:08:42तो यह आपके पास है, दोस्तों।
00:08:44संक्षेप में वह SkyBridge है।
00:08:46तो आप SkyBridge के बारे में क्या सोचते हैं?
00:08:47क्या आपने इसे आजमाया है?
00:08:48क्या आप इसका इस्तेमाल करेंगे?
00:08:49हमें नीचे टिप्पणी अनुभाग में बताएं।
00:08:52और दोस्तों, यदि आपको इस प्रकार के तकनीकी विवरण पसंद हैं, तो कृपया वीडियो के नीचे उस लाइक बटन को दबाकर मुझे बताएं।
00:08:58और साथ ही, हमारे चैनल को सब्सक्राइब करना न भूलें।
00:09:01यह BetterStack से Andrus रहे हैं, और मैं आपको अगले वीडियो में मिलूंगा।
00:09:16आप