Claude Code + CMUX: AI कोडिंग के लिए बेहतरीन टर्मिनल

BBetter Stack
Computing/SoftwareInternet Technology

Transcript

00:00:00यह Cmux है, जो कोडिंग एजेंट्स के लिए बनाया गया एक टर्मिनल है जो उन्हें ब्राउज़र खोलने
00:00:04और कंट्रोल करने, अलग-अलग पेंस में सब-एजेंट्स बनाने, आपको कस्टम नोटिफिकेशन भेजने
00:00:09और एक CLI और सॉकेट API के माध्यम से बहुत कुछ करने की क्षमता देता है।
00:00:13लेकिन Warp, Solotam और Dmux जैसे कई अन्य टर्मिनल एजेंट्स के होते हुए, Cmux में ऐसा
00:00:19खास क्या है?
00:00:20सब्सक्राइब बटन दबाएं और चलिए इसके बारे में विस्तार से जानते हैं।
00:00:24अपने नाम के बावजूद, Cmux का tmux से कोई लेना-देना नहीं है, यह libghosty पर बना एक नेटिव मैक ऐप है
00:00:30जो लेआउट के लिए वेबकिट ब्राउज़र और बॉन स्प्लिट का उपयोग करता है, जैसे कि टैब, पेंस और
00:00:36बाकी सब।
00:00:37लेकिन असली जादू उस तरीके में है जिससे एजेंट ऐप के साथ संवाद करता है।
00:00:41मैं आपको दिखाता हूँ।
00:00:42तो Cmux इंस्टॉल और सेटअप करने के बाद, हमें एक सामान्य दिखने वाला टर्मिनल दिखना चाहिए जो
00:00:46टैब्स को सपोर्ट करता है, हम वर्टिकल या हॉरिजॉन्टल स्प्लिट्स कर सकते हैं और अगर हम चाहें तो
00:00:53उन स्प्लिट्स के अंदर भी टैब्स रख सकते हैं।
00:00:55अब Cmux इंस्टॉल होने पर, हमारे पास Cmux CLI का एक्सेस भी होना चाहिए, जो हमें कई चीज़ों के विकल्प देता है
00:01:00जैसे नया वर्कस्पेस और नए स्प्लिट पेंस बनाना, साइडबार में लॉग्स और प्रोग्रेस जैसी जानकारी दिखाना
00:01:06और यहाँ तक कि tmux कंपैटिबल कमांड्स का उपयोग करना।
00:01:11यह सब Cmux Unix सॉकेट की बदौलत है, जिसके बारे में हम बाद में बात करेंगे।
00:01:15लेकिन चलिए कुछ दिलचस्प करते हैं।
00:01:16सबसे पहले, मैं इसे क्लियर करूँगा, मैं claude code खोलूँगा, और हम देख सकते हैं कि
00:01:20अब साइडबार का टाइटल बदल गया है, हम मॉडल को haiku में बदल देंगे, ताकि मैं
00:01:25कोई टोकन बर्बाद न करूँ।
00:01:26और फिर मैं Claude से Cmux CLI का उपयोग करके एक नए स्प्लिट पेन में ब्राउज़र खोलने,
00:01:30फिर google.com पर जाने, इनपुट में “hello world” टाइप करने और गूगल सर्च करने के लिए कहूँगा।
00:01:36तो अगर मैं एंटर दबाता हूँ, तो Claude अपना काम शुरू कर देगा।
00:01:38और यहाँ यह Cmux का उपयोग करना सीख रहा है।
00:01:40इसने गूगल का एक नया टैब खोल दिया है।
00:01:42और देखते हैं कि क्या यह सर्च करता है।
00:01:44ठीक है, यह थोड़ा संघर्ष कर रहा है।
00:01:45और इसने “hello world” के लिए सर्च कर लिया है।
00:01:47और इसने सर्च बिल्कुल सही तरीके से किया है।
00:01:49और मैं इसे लिंक्स पर क्लिक करने के लिए भी कह सकता हूँ।
00:01:51तो मान लीजिए कि मैं यहाँ इस IMDb लिंक पर क्लिक करना चाहता हूँ, मैं कह सकता हूँ कि
00:01:55IMDb वाले hello world लिंक पर क्लिक करो।
00:01:57और Claude आगे बढ़कर वैसा ही करेगा।
00:01:59सबसे अच्छी बात यह है कि इस स्प्लिट पेन ब्राउज़र के अंदर भी मुझे डेवलपर टूल्स का
00:02:04एक्सेस मिलता है, जो उन पेजों को डीबग करने में मदद करेगा जिन पर मैं काम कर रहा हूँ।
00:02:07यह सब ब्राउज़र कमांड्स के साथ किया जाता है जो सेल्स एजेंट ब्राउज़र के API डिज़ाइन
00:02:11के समान हैं।
00:02:12तो इस साइड-टू-साइड ब्राउज़र टर्मिनल व्यू का फायदा यह है कि एजेंट ब्राउज़र में
00:02:16नेविगेट कर सकता है, टेस्टिंग कर सकता है और अपने परिणाम वापस भेज सकता है, जिसे आप
00:02:20एक डेवलपर के रूप में रियल टाइम में देख सकते हैं।
00:02:21चलिए कुछ और ट्राई करते हैं।
00:02:22मैं इस टैब को बंद करूँगा, और यह सारी जानकारी क्लियर कर दूँगा।
00:02:25मैं Claude से स्प्लिट पेंस में अपने दो इंस्टेंस बनाने के लिए कहूँगा, एक प्रोजेक्ट को समझने के लिए,
00:02:30और दूसरा इस प्रोजेक्ट के कोड का विश्लेषण करने के लिए।
00:02:33और जब वे काम पूरा कर लें, तो उन्हें मुख्य Claude इंस्टेंस को जानकारी वापस देनी चाहिए,
00:02:38और फिर पेंस को बंद कर देना चाहिए।
00:02:39तो अगर हम एंटर दबाते हैं, तो यह दो स्प्लिट पेंस बनाता है, और फिर दोनों में Claude खोलता है।
00:02:45और अब हम देख सकते हैं कि यह उन्हें निर्देश दे रहा है, जिसे रियल टाइम में देखना अद्भुत है।
00:02:50अब जो पेंस सिलेक्टेड नहीं हैं वे थोड़े धुंधले हैं, तो हम उन पर क्लिक करके
00:02:53उन्हें ब्राइट बना सकते हैं।
00:02:54मैं वीडियो के इस हिस्से को फास्ट फॉरवर्ड कर रहा हूँ क्योंकि इसमें थोड़ा समय लगेगा।
00:02:57और अब जबकि दोनों स्प्लिट्स का काम हो गया है, Claude ने उन्हें ऑटोमैटिकली बंद कर दिया है और
00:03:02यहाँ पहले इंस्टेंस से और यहाँ नीचे दूसरे इंस्टेंस से जानकारी प्राप्त कर ली है, जो बहुत शानदार है।
00:03:07और आप इसके कई उपयोगों की कल्पना कर सकते हैं, जैसे अलग-अलग सब-एजेंट्स पर परमिशन चेक करना
00:03:11ताकि यह सुनिश्चित हो सके कि वे कहीं फंस न जाएं।
00:03:12लेकिन मैंने जो डेमो दिखाया उसके साथ एक समस्या यह है कि जब भी उनमें से किसी को
00:03:16नोटिफिकेशन मिला या मेरी मदद की ज़रूरत पड़ी, तो मेरे लिए यह जानने का कोई आसान तरीका नहीं था।
00:03:21लेकिन सौभाग्य से Cmux इसे आसान बना देता है।
00:03:23चलिए कुछ और कोशिश करते हैं।
00:03:24एक नए Claude Code सेशन में, मैं इसे Cmux का उपयोग करके एक स्प्लिट पेन में Claude का
00:03:28एक नया इंस्टेंस बनाने का प्रॉम्प्ट दूँगा और फिर उस पेन में, इसे इस प्रोजेक्ट के लिए कोड
00:03:33इम्प्रूवमेंट का अध्ययन करने और सुझाव देने के लिए कहूँगा।
00:03:36एक बार हो जाने के बाद, Cmux का उपयोग करके एक उचित नोटिफिकेशन लिखें और मेरा ध्यान
00:03:40खींचने के लिए ट्रिगर फ्लैश चलाएं।
00:03:41कमांड प्रेस करें और निर्दिष्ट पेन पर एक नीली फ्लैशिंग बॉर्डर एक्टिवेट करें।
00:03:45तो जब तक वह चल रहा है, मैं एक नया वर्कस्पेस बनाऊंगा और यहाँ मैं
00:03:48open code चलाऊंगा।
00:03:49अब Cmux की खूबसूरती यह है कि क्योंकि यह एक CLI है, यह किसी भी एजेंट हार्नेस के साथ चल सकता है।
00:03:54और जैसे ही मैंने open code खोलना खत्म किया, हम देख सकते हैं कि हमें Cmux से एक नोटिफिकेशन मिला है।
00:03:58अगर मैं बेल आइकॉन पर क्लिक करता हूँ, तो हम देख सकते हैं कि पैरेलल एनालिसिस शुरू हो गया है, तो यह अभी पूरी तरह खत्म नहीं हुआ है।
00:04:03लेकिन अगर मैं नोटिफिकेशन पर क्लिक करता हूँ, तो यह मुझे सही पेन दिखाता है जिसमें जानकारी है।
00:04:07अब, इसने बिल्कुल वैसा नहीं किया जैसा मैंने पूछा था, इसलिए मैं इसे दोबारा करने के लिए कहूँगा।
00:04:10और जब तक वह चल रहा है, चलिए वापस open code पर चलते हैं और वही करते हैं जो मैं
00:04:13मूल रूप से करने वाला था, यानी प्रोजेक्ट ब्रांच का नाम जोड़ने के लिए Cmux CLI का उपयोग करना और
00:04:19उस ब्रांच के नाम के बगल में एक उचित आइकॉन का उपयोग करना।
00:04:21अब मैं एंटर दबाऊंगा और इसे अपना काम करने दूँगा और हम देख सकते हैं कि हमें Cmux से एक
00:04:25नोटिफिकेशन मिला है कि पैरेलल एनालिसिस शुरू हो गया है और लगता है कि इस बार यह
00:04:29ठीक से शुरू हुआ है।
00:04:30हम साइडबार के अंदर मैसेज भी देख सकते हैं।
00:04:32तो अब यह हो गया है।
00:04:33मैं इसे स्प्लिट पेन बंद करने और साइडबार टेक्स्ट को क्लियर करने के लिए कहूँगा।
00:04:36और हम यहाँ देख सकते हैं कि इसने एक उचित आइकॉन के साथ ब्रांच का नाम जोड़ दिया है और पहले
00:04:40मैंने SF icons कहा था, लेकिन मेरा मतलब वास्तव में SF symbol था, मुझे खुशी है कि इसने समझ लिया।
00:04:45और हम यहाँ देख सकते हैं कि इसने स्प्लिट पेन को बंद कर दिया है और साइडबार के अंदर जो टेक्स्ट था उसे हटा दिया है।
00:04:49अब ये सभी उदाहरण बहुत सरल थे, लेकिन मुझे उम्मीद है कि इससे आपको उन शक्तिशाली चीज़ों
00:04:52की झलक मिल गई होगी जो Cmux टर्मिनल तब कर सकता है जब किसी एजेंट का उस पर कंट्रोल हो।
00:04:57और मैंने कुछ बेहतरीन फीचर्स के बारे में तो बताया भी नहीं, जैसे प्रोग्रेस बार
00:05:00का उपयोग करना, अपने वर्कस्पेस में कस्टम कलर जोड़ना, टैब का नाम बदलने के लिए एजेंट का उपयोग करना,
00:05:05कमांड पैलेट में सभी विकल्प दिखाना और यह तथ्य कि Cmux आपके ghosty
00:05:10कॉन्फ़िगरेशन को पढ़ और लागू कर सकता है।
00:05:11अब मैंने Cmux का उपयोग बिना किसी हुक या स्किल के किया और मैंने Claude Code में सैंडबॉक्स को डिसेबल कर दिया क्योंकि
00:05:16मुझे यह एरर मिलता, लेकिन मैं आपको क्रिएटर द्वारा बनाए गए Cmux के कोर और ब्राउज़र
00:05:20स्किल को इस्तेमाल करने और इसे Claude Code हुक के साथ सेटअप करने की सलाह देता हूँ ताकि यह
00:05:26ऑटोमैटिकली आपको नोटिफिकेशन भेजे या आप कोई कस्टम स्क्रिप्ट भी लिख सकें।
00:05:29यह सब Cmux को और अधिक उपयोगी बनाता है, लेकिन मेरी इच्छा है कि इसे शुरुआत से सेटअप करने का
00:05:33कोई आसान तरीका होता, बजाय इसके कि मैन्युअल रूप से स्किल्स और नोटिफिकेशन्स को
00:05:38कॉपी और पेस्ट करना पड़े।
00:05:39बिल्कुल skills.sh की तरह जो ऑटोमैटिकली डिटेक्ट करता है कि आपके पास कौन सा एजेंट हार्नेस है और
00:05:43स्किल को सही डायरेक्टरी में लागू करता है, काश Cmux भी पूरे सेटअप में मदद करने के लिए
00:05:48ऐसा ही करता।
00:05:49लेकिन Cmux पहले से ही एक शानदार टूल है और मुझे यकीन है कि सेटअप स्क्रिप्ट को बाद में जोड़ा जा सकता है।
00:05:53मुझे यह बात बहुत पसंद है कि यह एक नेटिव मैक ऐप है जो मेमोरी और परफॉरमेंस के लिए अच्छा है
00:05:58और यह भी कि CLI ऐप के साथ Unix सॉकेट्स के माध्यम से JSON में संवाद करता है, जो
00:06:02कम्युनिकेशन को तेज़ और सरल बनाने में मदद करता है।
00:06:04तेज़ और सरल की बात करें तो, क्या आप जानते हैं कि एक ऐसा डेटाबेस है जो SQLite से 138 गुना तेज़ है,
00:06:10जिसे Rust में लिखा गया है और उसका नाम StoolLab है, जिसके बारे में आप Andris के
00:06:17इस वीडियो में जान सकते हैं।

Key Takeaway

Cmux एक शक्तिशाली टर्मिनल है जो AI एजेंट्स को ब्राउज़र कंट्रोल, मल्टी-टास्किंग और विजुअल फीडबैक के जरिए कोडिंग वर्कफ़्लो को पूरी तरह से ऑटोमेट करने की अनुमति देता है।

Highlights

Cmux एक नेटिव मैक ऐप है जिसे कोडिंग एजेंट्स के लिए विशेष रूप से डिज़ाइन किया गया है, जो ब्राउज़र कंट्रोल और मल्टी-एजेंट मैनेजमेंट की सुविधा देता है।

यह libghosty पर आधारित है और वेबकिट ब्राउज़र के साथ-साथ टैब और स्प्लिट पेंस जैसे आधुनिक लेआउट फीचर्स का उपयोग करता है।

Claude Code जैसे एजेंट्स Cmux CLI का उपयोग करके ऑटोमैटिकली ब्राउज़र नेविगेशन, गूगल सर्च और डीबगिंग कर सकते हैं।

उपयोगकर्ता एक साथ कई 'सब-एजेंट्स' बना सकते हैं जो अलग-अलग पेंस में समानांतर (parallel) काम करते हैं और मुख्य एजेंट को रिपोर्ट करते हैं।

Cmux में कस्टम नोटिफिकेशन्स, फ्लैशिंग बॉर्डर्स और साइडबार प्रोग्रेस बार जैसी विशेषताएं हैं जो डेवलपर का ध्यान खींचने में मदद करती हैं।

यह Unix सॉकेट्स के माध्यम से JSON में संवाद करता है, जिससे यह बहुत तेज़ और किसी भी एजेंट हार्नेस के साथ काम करने में सक्षम हो जाता है।

Timeline

Cmux का परिचय और बुनियादी संरचना

वीडियो की शुरुआत Cmux के परिचय से होती है, जो कोडिंग एजेंट्स के लिए बनाया गया एक विशेष टर्मिनल है। यह ब्राउज़र को कंट्रोल करने, सब-एजेंट्स बनाने और कस्टम नोटिफिकेशन भेजने जैसी उन्नत क्षमताएं प्रदान करता है। वक्ता स्पष्ट करता है कि अपने नाम के बावजूद इसका tmux से संबंध नहीं है, बल्कि यह libghosty और वेबकिट पर बना एक नेटिव मैक ऐप है। यह सेक्शन यह समझने के लिए महत्वपूर्ण है कि Cmux अन्य टर्मिनलों जैसे Warp या Dmux से कैसे अलग है। यहाँ असली जादू एजेंट और ऐप के बीच होने वाले संवाद के तरीके में निहित है।

इंस्टॉलेशन, इंटरफेस और CLI फीचर्स

इस भाग में Cmux के यूजर इंटरफेस और इंस्टॉलेशन के बाद के सेटअप को दिखाया गया है। इसमें वर्टिकल और हॉरिजॉन्टल स्प्लिट्स के साथ-साथ पेंस के अंदर टैब रखने की सुविधा का प्रदर्शन किया गया है। Cmux CLI के माध्यम से उपयोगकर्ता नए वर्कस्पेस बना सकते हैं और साइडबार में लॉग्स या प्रोग्रेस देख सकते हैं। यह सब Cmux Unix सॉकेट की मदद से संभव होता है जो तेज़ संचार सुनिश्चित करता है। यह अनुभाग टूल की फ्लेक्सिबिलिटी और इसके तकनीकी आधार को मजबूती से रखता है।

Claude Code के साथ ब्राउज़र ऑटोमेशन

यहाँ Claude Code और Cmux के एक साथ काम करने का लाइव डेमो दिखाया गया है जहाँ Claude ब्राउज़र खोलता है और गूगल सर्च करता है। एजेंट सफलतापूर्वक "hello world" सर्च करता है और यहाँ तक कि IMDb जैसे विशिष्ट लिंक्स पर क्लिक भी करता है। वक्ता बताते हैं कि स्प्लिट पेन के अंदर डेवलपर टूल्स का एक्सेस मिलता है जो लाइव डीबगिंग में बहुत सहायक है। यह साइड-बाय-साइड व्यू डेवलपर को रियल टाइम में एजेंट की गतिविधियों को ट्रैक करने की अनुमति देता है। यह प्रदर्शन AI एजेंट की ब्राउज़र नेविगेशन क्षमताओं की सटीकता को प्रमाणित करता है।

मल्टी-एजेंट वर्कफ़्लो और पैरेलल टास्क

वक्ता Claude को दो अलग-अलग पेंस में दो सब-एजेंट्स बनाने का निर्देश देता है ताकि वे एक साथ प्रोजेक्ट का विश्लेषण कर सकें। एक इंस्टेंस कोड को समझता है जबकि दूसरा उसका विश्लेषण करता है और अंत में जानकारी मुख्य Claude इंस्टेंस को वापस देते हैं। काम पूरा होने पर पेंस ऑटोमैटिकली बंद हो जाते हैं, जो कार्यकुशलता का एक बेहतरीन उदाहरण है। यह फीचर बड़े प्रोजेक्ट्स में अलग-अलग परमिशन चेक करने और जटिल कार्यों को विभाजित करने के लिए अत्यंत उपयोगी है। विजुअल तौर पर एक्टिव पेंस ब्राइट रहते हैं जबकि अन्य थोड़े धुंधले हो जाते हैं।

नोटिफिकेशन सिस्टम और एडवांस कमांड्स

इस सेक्शन में Cmux की नोटिफिकेशन और विजुअल अलर्ट क्षमताओं पर ध्यान केंद्रित किया गया है। वक्ता दिखाता है कि कैसे एक एजेंट नीली फ्लैशिंग बॉर्डर और बेल आइकन के जरिए उपयोगकर्ता का ध्यान खींच सकता है। इसके अलावा, Cmux CLI का उपयोग करके साइडबार में कस्टम आइकॉन और प्रोजेक्ट ब्रांच के नाम जोड़ने का प्रदर्शन किया गया है। इसमें अन्य फीचर्स जैसे प्रोग्रेस बार, कस्टम कलर और कमांड पैलेट के विकल्पों का भी जिक्र है। यह दिखाता है कि Cmux केवल एक टर्मिनल नहीं बल्कि एक पूर्ण इंटरैक्टिव डैशबोर्ड है।

निष्कर्ष, सीमाएं और भविष्य की संभावनाएं

अंतिम भाग में वक्ता Cmux को सेटअप करने के व्यावहारिक अनुभवों और इसकी कुछ कमियों को साझा करता है। वर्तमान में स्किल्स और नोटिफिकेशन्स को मैन्युअल रूप से कॉपी-पेस्ट करना पड़ता है, जिसके लिए एक ऑटोमैटिक सेटअप स्क्रिप्ट की इच्छा जताई गई है। इसके बावजूद, इसकी नेटिव परफॉरमेंस और JSON आधारित Unix सॉकेट कम्युनिकेशन की बहुत प्रशंसा की गई है। वक्ता Claude Code में सैंडबॉक्स को डिसेबल करने की सलाह भी देता है ताकि एरर से बचा जा सके। अंत में, एक अन्य तेज़ Rust-आधारित डेटाबेस, StoolLab का संक्षिप्त उल्लेख करते हुए वीडियो समाप्त होता है।

Community Posts

View all posts