Claude Code, Codex के लिए Artifacts
और हर दूसरे एजेंट CLI के लिए भी
आपका एजेंट एक डैशबोर्ड, चार्ट या रिपोर्ट बनाता है। टर्मिनल में फ़ाइल का पाथ छोड़ने के बजाय वह आपको पेज दिखाता है: कम्पोज़र के ऊपर एक ब्लॉक जो एक क्लिक में खुलता है, और एक पुश नोटिफ़िकेशन जो उसे आपके फ़ोन पर खोलता है।
MCP क्लाइंट वाले हर एजेंट CLI के लिए एक ही टूल, macOS, Windows और Linux पर एक जैसा। न कोई होस्टेड सेवा, न किसी एक वेंडर का खाता: पेज आपके कंप्यूटर पर एक फ़ाइल है, और वहीं रहता है।
view_present( path: "reports/q3.html", title: "Q3 dashboard" )
एजेंट एक टूल कॉल करता है, और उसका पेज कम्पोज़र के ऊपर एक ब्लॉक के रूप में आ जाता है, साथ ही “दस्तावेज़” टैब पर एक और दस्तावेज़ जुड़ जाता है।
एजेंट किसी सवाल को पेज में बदलने में माहिर हैं: आपके टेस्ट रन का डैशबोर्ड, किसी माइग्रेशन का चार्ट, तीन विकल्पों की तुलना करने वाली रिपोर्ट। फिर वह पेज टर्मिनल में कहीं एक फ़ाइल पाथ बनकर रह जाता है, और आपको उसे ढूँढना, खोलना और यह उम्मीद करनी पड़ती है कि आपने सही फ़ाइल चुनी।
AgentsRoom हर एजेंट को इस आख़िरी कदम के लिए एक टूल देता है। पेज तैयार होने पर एजेंट पाथ और शीर्षक के साथ view_present कॉल करता है। उस एजेंट के कम्पोज़र के ऊपर एक ब्लॉक आ जाता है। उस पर क्लिक करें: “दस्तावेज़” टैब सामने आ जाता है और पेज खुलता है, पूरी तरह रेंडर होकर, चलते हुए चार्ट के साथ। आपके फ़ोन पर, पुश नोटिफ़िकेशन वही पेज खोलता है।
यह CLI पर निर्भर नहीं है। टूल AgentsRoom के MCP सर्वर पर रहता है, जिसे ऐप MCP क्लाइंट वाले हर एजेंट से जोड़ता है, इसलिए Codex का पेज ठीक Claude Code के पेज जैसा ही व्यवहार करता है। इसे चलाने के लिए आपके कंप्यूटर से कुछ बाहर नहीं जाता।
जब एजेंट आपको पेज दिखाता है, तो क्या होता है
आपके एजेंट का लिखा पेज एक जैसा ही बर्ताव पाता है, चाहे उसे किसी भी CLI ने लिखा हो।
हर CLI पर एक ही तरीका
Claude Code, Codex, Antigravity CLI, Kimi Code और बाकी सभी एक ही टूल कॉल करते हैं और एक ही नतीजा पाते हैं। CLI बदलने से उनका काम आप तक पहुँचने का तरीका नहीं बदलता।
कम्पोज़र के ऊपर एक ब्लॉक
दस्तावेज़ वहीं आता है जहाँ आप पहले से एजेंट से बात कर रहे हैं, अपने शीर्षक और इस जानकारी के साथ कि वह कितनी देर पहले आया। एक क्लिक उसे खोलता है, क्रॉस ब्लॉक को हटा देता है और दस्तावेज़ “दस्तावेज़” में बना रहता है।
यह आपकी स्क्रीन नहीं घेरता
कुछ भी अचानक सामने नहीं आता और कोई टर्मिनल टैब नहीं खुलता, इसलिए जिस पैनल में आप टाइप कर रहे हैं वह आपका ही रहता है। अगर आप किसी दूसरे एजेंट या प्रोजेक्ट पर काम कर रहे हैं, तो ब्लॉक आपका इंतज़ार करता है और एक नोटिफ़िकेशन बताता है कि वह वहाँ है।
एक टैप में आपके फ़ोन पर
जब आप कंप्यूटर से दूर हों, तो पुश नोटिफ़िकेशन एजेंट, प्रोजेक्ट और पेज का नाम बताता है। उस पर टैप करें और पेज AgentsRoom ऐप में, उस एजेंट के कंसोल के ऊपर खुल जाता है।
“दस्तावेज़” में रखा रहता है
हर पेज प्रोजेक्ट के “दस्तावेज़” पैनल में जुड़ जाता है, जिसका टैब बताता है कि कितने हैं। किसी फ़ाइल की हर नई प्रस्तुति एक वर्शन के रूप में रखी जाती है, उसे बनाने वाले एजेंट, प्रोवाइडर और मॉडल के साथ।
सिर्फ़ HTML नहीं
HTML पेज अपनी स्क्रिप्ट ख़ुद चलाते हैं, इसलिए जनरेट किए गए चार्ट काम करते हैं। यही टूल इमेज, SVG, PDF, Markdown फ़ाइल या CSV टेबल भी दिखाता है, सोर्स के रूप में नहीं बल्कि रेंडर करके।
इसका इस्तेमाल कैसे करें
कुछ इंस्टॉल या चालू नहीं करना। अनुरोध से पेज तक चार कदम।
- 1
एक पेज माँगें
किसी भी एजेंट में सीधे शब्दों में कहें: इन नतीजों का एक डैशबोर्ड एक ही HTML फ़ाइल में बनाओ और मुझे दिखाओ। एक ही फ़ाइल माँगना ज़रूरी है, क्योंकि जिस पेज के अंदर ही उसका CSS, स्क्रिप्ट और डेटा हो, वह कंप्यूटर और फ़ोन पर एक जैसा रेंडर होता है।
- 2
तैयार होने पर एजेंट उसे दिखाता है
फ़ाइल लिखी जाने के बाद एजेंट उसके पाथ और एक छोटे शीर्षक के साथ view_present कॉल करता है। शीर्षक ही ब्लॉक का नाम और नोटिफ़िकेशन का टेक्स्ट बनता है।
- 3
जहाँ हैं, वहीं पढ़ें
कंप्यूटर पर, एजेंट के कम्पोज़र के ऊपर वाले ब्लॉक पर क्लिक करें: “दस्तावेज़” टैब सामने आ जाता है और पेज खुलता है। नोटिफ़िकेशन पर एक क्लिक ऐप में कहीं से भी यही करता है। कंप्यूटर से दूर हों, तो अपने फ़ोन पर पुश नोटिफ़िकेशन पर टैप करें।
- 4
बदलाव माँगें
एजेंट को बताएँ कि क्या बदलना है। वह फ़ाइल दोबारा लिखता है और उसे फिर दिखाता है: ब्लॉक अपडेट हो जाता है, और पिछला वर्शन “दस्तावेज़” में बना रहता है।
यह Claude के Artifacts से कैसे अलग है
Claude के अपने Artifacts हैं। claude.ai पर और Claude Code में, पेज Claude की सेवा पर प्रकाशित होता है और ब्राउज़र में पढ़ा जाता है, एक लिंक के साथ जिसे आपके संगठन के लोग खोल सकते हैं। जब मकसद पेज साझा करना हो तो यह बढ़िया है, और यह Claude का अपना है: आपके चलाए दूसरे CLI को यह नहीं मिलता।
यहाँ पेज आपके कंप्यूटर पर एक साधारण फ़ाइल ही रहता है। MCP क्लाइंट वाला कोई भी CLI उसे दिखा सकता है, कुछ अपलोड नहीं होता, और फ़ाइल आपकी रिपॉज़िटरी में उसे बनाने वाले कोड के बगल में रह सकती है। आपका फ़ोन उसे उसी एंड-टू-एंड एन्क्रिप्टेड कनेक्शन से पढ़ता है जिससे बाकी ऐप चलता है।
दोनों में कोई होड़ नहीं है। जब किसी सहकर्मी को भेजने के लिए लिंक चाहिए, तो Claude के Artifacts इस्तेमाल करें, और जब आप कई CLI चलाते हैं और उनका काम वहीं देखना चाहते हैं जहाँ आप पहले से हैं, तो इसे।
सीमाएँ
- कोई शेयर लिंक नहीं है: पेज आपके कंप्यूटर पर एक फ़ाइल है। किसी को भेजना हो तो फ़ाइल भेजें।
- डेस्कटॉप ऐप चलता रहना चाहिए, क्योंकि फ़ाइल उसी के पास है और ब्लॉक वही दिखाता है। फ़ोन पेज को उसी के ज़रिए पढ़ता है।
- फ़ोन को पेज एक ही दस्तावेज़ के रूप में मिलता है, इसलिए वह उसके बगल की फ़ाइलें लोड नहीं कर सकता। कंप्यूटर पर पेज बगल की इमेज, स्टाइलशीट, स्क्रिप्ट और डेटा इस्तेमाल कर सकता है। दोनों पर एक जैसा नतीजा चाहिए तो सब कुछ एक ही फ़ाइल में रखें।
- टूल MCP के ज़रिए एजेंटों तक पहुँचता है, इसलिए Aider, जिसमें MCP क्लाइंट नहीं है, अपने जवाब में फ़ाइल का पाथ छोड़ देता है।
- पेज की स्क्रिप्ट आपके कंप्यूटर पर चलती हैं और नेटवर्क तक पहुँच सकती हैं। जो पेज आपने नहीं माँगा, उसे ऐसे प्रोग्राम की तरह समझें जो आपने नहीं लिखा। जिस फ़ाइल में कोई सीक्रेट होने का आभास हो, उसे अस्वीकार कर दिया जाता है।
- पर्सनल असिस्टेंट में “दस्तावेज़” पैनल नहीं है: उसके ब्लॉक पर क्लिक करने से पेज उसके अपने प्रीव्यू में खुलता है।
अक्सर पूछे जाने वाले सवाल
क्या Codex में Claude जैसे Artifacts हैं?
AgentsRoom में, हाँ: Codex एजेंट अपना लिखा HTML पेज उसी टूल से आपको दिखा सकता है जिससे Claude Code दिखाता है। पेज कम्पोज़र के ऊपर एक ब्लॉक के रूप में आता है, एक क्लिक में खुलता है और आपके फ़ोन तक पहुँचता है। यह आपके कंप्यूटर पर चलता है, इसलिए किसी होस्टिंग सेवा के खाते की ज़रूरत नहीं।
क्या यह Claude Artifacts का विकल्प है?
एजेंट का काम देखने के लिए हाँ, और यह MCP क्लाइंट वाले किसी भी CLI के साथ काम करता है। साझा करने के लिए नहीं: Claude के Artifacts आपके संगठन के लिए एक लिंक देते हैं, जबकि यहाँ पेज आपके कंप्यूटर पर एक फ़ाइल ही रहता है।
अपने एजेंट की लिखी HTML फ़ाइल का प्रीव्यू कैसे देखूँ?
एजेंट से कहें कि वह उसे आपको दिखाए: वह view_present कॉल करता है, और कम्पोज़र के ऊपर वाले ब्लॉक पर क्लिक करने से पेज रेंडर होकर खुलता है। आप एजेंट के जवाब में फ़ाइल के लिंक से या दाएँ पैनल के फ़ाइल टैब से किसी भी HTML फ़ाइल को ख़ुद भी खोल सकते हैं। स्क्रिप्ट चलती हैं, इसलिए जनरेट किए गए चार्ट बन जाते हैं।
क्या मेरा पेज या मेरा डेटा किसी सर्वर से होकर जाता है?
पेज नहीं जाता: वह आपके कंप्यूटर पर एक फ़ाइल ही रहता है, और फ़ोन उसे आपके डेस्कटॉप से एंड-टू-एंड एन्क्रिप्टेड कनेक्शन के ज़रिए पढ़ता है। पुश नोटिफ़िकेशन एक पुश सेवा से होकर जाता है और उसमें वह शीर्षक होता है जो आपको दिखता है, एजेंट और प्रोजेक्ट के नाम, और प्रोजेक्ट के भीतर फ़ाइल का पाथ।
क्या यह मेरे काम में रुकावट डालेगा?
नहीं। पेज कभी अपने आप नहीं खुलता: वह एजेंट के कम्पोज़र के ऊपर एक ब्लॉक के रूप में तब तक इंतज़ार करता है जब तक आप क्लिक न करें। अगर आप उस एजेंट को नहीं देख रहे, तो आपको एक नोटिफ़िकेशन और एक पुश भी मिलता है। दोनों आपकी नोटिफ़िकेशन सेटिंग्स के अनुसार चलते हैं, और एक एजेंट एक मिनट में ज़्यादा से ज़्यादा एक पेज की सूचना देता है।
आपको यह भी पसंद आ सकता है
Mermaid आरेख
Claude Code और Codex Mermaid आरेख टेक्स्ट में लिखते हैं, जिसे टर्मिनल सिर्फ़ ज्यों का त्यों दिखा सकता है। AgentsRoom उन्हें वहीं बनाता है जहाँ आप एजेंट को पढ़ते हैं: चैट, .md फ़ाइलें, योजनाएँ, टिकट।
बातचीत दृश्य
Claude Code, Codex और पाँच और एजेंट CLI के लिए चैट व्यू: सेशन CLI के अपने ट्रांसक्रिप्ट से पढ़ा जाता है, टूल कॉल समेटे हुए, जवाब लाइव, डेस्कटॉप और फ़ोन पर।
योजना की समीक्षा
आपका एजेंट एक योजना प्रस्तावित करता है: उसे दस्तावेज़ की तरह पढ़ें, किसी भी अंश पर टिप्पणी करें, उसे बदलें या हटाएँ, फिर योजना मंज़ूर करें या एक ही संदेश में वापस भेजें। हर संस्करण सहेजा जाता है।
MCP डैशबोर्ड
Model Context Protocol (MCP) सीखें, MCP सर्वर्स और MCP क्लाइंट्स को समझें, और जानें कि AgentsRoom MCP सर्वर्स का उपयोग करने वाले Claude Code एजेंट्स के लिए एक विज़ुअल MCP डैशबोर्ड कैसे बनता है। मल्टी-एजेंट MCP वर्कफ़्लोज़ चलाएं, --mcp-debug के साथ MCP कनेक्शन्स डिबग करें, और रियल टाइम में हर MCP-पावर्ड Claude Code सेशन मॉनिटर करें।
देखें कि आपके एजेंट क्या बनाते हैं
macOS, Windows या Linux के लिए AgentsRoom डाउनलोड करें, फिर किसी भी एजेंट से एक ही HTML फ़ाइल में डैशबोर्ड बनाकर आपको दिखाने को कहें।
कंपेनियन ऐप: चलते-फिरते अपने एजेंट्स मॉनिटर करें
Claude, Codex, Antigravity CLI या किसी अन्य AI प्रदाता का उपयोग करें।
बग और अनुरोध सीधे अपने सार्वजनिक बैकलॉग में भेजें।