माइंडवॉक: अपने पूरे कोडबेस को 3D मैप के रूप में देखें
BBetter Stack
Computing/SoftwareInternet Technology
Transcript
00:00:00दो सालों से हम अपने कोडबेस AI एजेंट्स को सौंप रहे हैं और उन्हें अपनी मर्जी से
00:00:05कुछ भी रीराइट करने दे रहे हैं, और फिर लंबे कोड को स्क्रॉल करके उसे रिव्यू कर रहे हैं।
00:00:09आखिरकार कोई इससे तंग आ गया और उसने इसका उल्टा बनाया, एक ऐसा तरीका जिससे आप
00:00:14एजेंट को 3D में अपने कोड में काम करते हुए देख सकते हैं।
00:00:17इसे माइंडवॉक (MindWalk) कहते हैं।
00:00:18अब, यह हमारे कोड को विज़ुअलाइज़ करने और उसमें जान फूंकने का एक बेहतर तरीका हो सकता है।
00:00:23हमारे पास ग्राफ़िफाई (Graphify) जैसे टूल्स हैं, तो यह उनसे कैसे मुक़ाबला करता है?
00:00:30अब, असली समस्या यह है जिस पर माइंडवॉक का ध्यान है।
00:00:34हमारे एजेंट का लॉग बताता है कि उसने क्या किया—इसे चलाया, उसे एडिट किया।
00:00:38जो यह कभी नहीं बताता, वह यह कि उसने काम को समझा कैसे।
00:00:41उसने किन फाइलों को प्रासंगिक माना?
00:00:44एक भी लाइन बदलने से पहले उसने कहाँ-कहाँ जाकर छानबीन की?
00:00:47क्या वह अपनी सीमा में रहा या चुपके से आधी रिपॉजिटरी खंगाल डाली?
00:00:51यह सब कुछ।
00:00:52ट्रांसक्रिप्ट में एजेंट की असली सोच एक तरह से गायब ही रहती है।
00:00:55वह बस दिखती ही नहीं।
00:00:56अगर आपको वर्कफ़्लो को तेज़ करने वाले कोडिंग टूल्स पसंद हैं, तो सब्सक्राइब जरूर करें।
00:00:59हम लगातार नए वीडियो लाते रहते हैं।
00:01:01तो चलिए मैं दिखाता हूँ कि जब यह गायब नहीं होती तो कैसी दिखती है।
00:01:04मेरे पास यहाँ क्लाउड कोड (Claude Code) सेश़न में एक प्रोजेक्ट है जो मैंने पहले चलाया था।
00:01:08मैं इसे इंस्टॉल कर सकता हूँ (Go भाषा में) और फिर इसे बिल्ड कर सकता हूँ।
00:01:14अब मैं यहाँ इस कमांड के ज़रिए MindWalk को चला सकता हूँ, और मेरा पूरा कोडबेस इस तरह रेंडर होता है
00:01:20रेंडर हो जाता है।
00:01:21हर फाइल एक इमारत है, और जितना ज्यादा कोड, इमारत उतनी ही ऊंची।
00:01:26फिर मैं सेश़न पर प्ले बटन दबाता हूँ।
00:01:29यहाँ की लाइट्स को देखिए।
00:01:31जब एजेंट केवल किसी फाइल को देखता है, तो वह हल्के काई जैसे हरे रंग में चमकती है।
00:01:36नीला तब जब वह उसे ध्यान से पढ़ता है, और अंबर (नारंगी) तब जब वह कोई बदलाव करता है।
00:01:41और मैं टाइमलाइन को आगे-पीछे ड्रैग करके एजेंट के कोड में
00:01:46चले पूरे रास्ते को देख सकता हूँ।
00:01:48यह एक अकेला Go बाइनरी है जो केवल सेश़न लॉग्स पढ़ता है, जिसे Claude Code और Codex पहले ही
00:01:53आपकी डिस्क में लिख रहे होते हैं।
00:01:54साथ ही 3D के लिए आपके ब्राउज़र में एक Three.js सीन होता है।
00:01:58रंगों का यह कॉम्बिनेशन ही असली कमाल है।
00:02:01ठंडे रंगों का मतलब है कि एजेंट केवल देख रहा था।
00:02:03गर्म रंगों का मतलब है कि वह बदलाव कर रहा था।
00:02:06टाइमलाइन पर भी निशान दिए गए हैं।
00:02:07छोटे सिंबल बिल्कुल सही जगह दिखाते हैं जहाँ सब-एजेंट शुरू हुआ, जहाँ कॉन्टेक्स्ट विंडो कॉम्पैक्ट हुई,
00:02:14और जहाँ आपने नए निर्देश के साथ बीच में हस्तक्षेप किया।
00:02:17तो अब आपको हमेशा पता रहता है कि प्रोसेस कहाँ जा रहा है।
00:02:20लेकिन यह वह हिस्सा है जो मुझे वाकई अहम लगता है।
00:02:22एक बार जब आप इस विचार से आगे बढ़ जाते हैं कि “यह बढ़िया दिखता है”, है ना?
00:02:24इसमें एक 'analyze' कमांड है जो आपके अपने लोकल Claude या Codex का उपयोग करके पूरे
00:02:29सेश़न की समीक्षा करता है, और अभी पूरे हुए रन का मूल्यांकन करता है।
00:02:33क्या एजेंट ने एडिटिंग शुरू करने से पहले काफी छानबीन की?
00:02:37ठीक है, क्या वह काम के दायरे में ही रहा?
00:02:38क्या वह यहाँ-वहाँ भटक गया?
00:02:40क्या उसने अपने खुद के काम को जांचने की जहमत उठाई?
00:02:42और इनमें से हर निष्कर्ष एक क्लिक करने योग्य लिंक है जो सीधे टाइमलाइन के उसी पल पर ले जाता है।
00:02:47यह एजेंट का कोड रिव्यू करने जैसा है।
00:02:49और अगर आपके पास कोई सेश़न रीप्ले नहीं भी है, तो एक 'map' कमांड है जो किसी भी रिपोजिटरी
00:02:54को बिना किसी सेटअप के 3D शहर के रूप में रेंडर कर देगा, जो कि बहुत ही कमाल का फीचर है।
00:02:59ठीक है, तो अब आगे बढ़ते हैं।
00:03:00जब यह टूल Hacker News पर लॉन्च हुआ, तो पहला कमेंट काफी ईमानदार था,
00:03:06क्योंकि शायद आप भी यही सोच रहे होंगे।
00:03:08यह बहुत बढ़िया है, लेकिन क्या मैं सच में इसका इस्तेमाल करूँगा?
00:03:10मैं इसका इस्तेमाल असल में किसलिए करूँगा?
00:03:12और कुछ लोगों ने तो इस बात का विरोध तक नहीं किया।
00:03:14उन्होंने कहा कि इसका कोई व्यावहारिक मकसद नहीं है।
00:03:16यह मनोरंजक है, और हर चीज़ के लिए एक वजह होना जरूरी नहीं है।
00:03:19किसी और ने छोटे-मोटे बदलावों के लिए एक वाजिब तर्क दिया।
00:03:23एक साधारण Git Diff देखना, 3D टूर में एजेंट को देखने से कहीं ज़्यादा तेज़ है।
00:03:28मैं समझ सकता हूँ।
00:03:29तो बात यह है कि यह बहुत नया है।
00:03:31यह सिर्फ वर्ज़न 0.3 है।
00:03:32यह केवल Claude Code और Codex के लॉग्स पढ़ता है।
00:03:34अगर आप Cursor का इस्तेमाल करते हैं, तो आप अभी अपने सेशन्स को रीप्ले नहीं कर सकते।
00:03:38जिससे यह सवाल उठता है कि यह असल में किसके लिए है?
00:03:41क्या यह बस मजे़ के लिए है?
00:03:42खैर, अगर आप मॉड्यूल्स की तुलना कर रहे हैं, तो आप देखना चाहेंगे कि Claude कैसे छानबीन करता है।
00:03:45किसी टास्क पर, बनाम Codex कैसे करता है।
00:03:48यह देखने का बहुत शानदार ज़रिया है जो कहीं और नहीं मिलता।
00:03:51अगर आप एजेंट द्वारा किए गए किसी बहुत बड़े बदलाव को देख रहे हैं, और सामान्य Diff से आपको
00:03:56समझ नहीं आ रहा कि क्या हुआ, तो यह 3D व्यू और जज रिपोर्ट काफी काम की है।
00:04:01यह उसे आसान बना देती है।
00:04:02लेकिन केवल दो लाइनों के फिक्स के लिए, प्लीज।
00:04:04बस Diff पढ़ लीजिए।
00:04:05मुझे नहीं लगता कि MindWalk हमारे किसी रिव्यू टूल की जगह लेने वाला है।
00:04:09लेकिन यह यहाँ शायद इसलिए है ताकि आपको उस प्रक्रिया का अनुभव हो सके जिसे हमारे टूल
00:04:14दिखाने के लिए नहीं बनाए गए थे।
00:04:15और यह वही हिस्सा है जिसके साथ हम यहाँ प्रयोग कर सकते हैं।
00:04:19हमने अपनी मशीनों को कोड लिखना इतनी तेज़ी से सिखा दिया, उससे कहीं तेज़
00:04:24कि हम उनके लिखे कोड को समझ पाते।
00:04:25Graphify की तरह, MindWalk भी...
00:04:29ठीक है, मुझे लगता है मैं इसे सही बोल रहा हूँ।
00:04:31यह इस खाई को पाटने का पहला गंभीर प्रयास हो सकता है, जिससे आप देख सकते हैं कि एजेंट पूरे कोडबेस में
00:04:36कैसे तर्क लगाता है, न कि केवल वे कीस्ट्रोक्स जिन्हें उसने कोड लिखते समय छोड़ा।
00:04:40यह अभी शुरुआती और कच्चा है, लेकिन यह बिल्कुल सही समस्या पर लक्षित है।
00:04:43इसे इस्तेमाल करके देखें और समझें कि क्या यह आपके काम आता है।
00:04:46अगर आपको कोडिंग के ऐसे टिप्स और ट्रिक्स पसंद आते हैं, तो BetterStack चैनल को सब्सक्राइब करना न भूलें।
00:04:50आपसे दूसरे वीडियो में मिलते हैं।