सीधे कंपोनेंट पर जाएँ

AI-नेटिव ऐप्स के लिए कंपोनेंट।

एजेंट, चैट, डेटा और ऐप की रोज़मर्रा की स्क्रीन के लिए लाइव, इंटरैक्टिव बिल्डिंग ब्लॉक। कोड कॉपी करें, प्रॉम्प्ट अपने कोडिंग एजेंट को दें, या MonstarX से सीधे अपने ऐप में बनवाएँ।

  • 40कंपोनेंट
  • 7समूह
  • React + Tailwind
  • मुफ़्त इस्तेमाल

प्रॉम्प्ट इनमें काम करते हैं

MonstarX · Claude Code · Cursor · Codex · Windsurf · Gemini CLI · VS Code · Lovable · और कोई भी कोडिंग एजेंट

अपने कोडिंग एजेंट के साथ इस्तेमाल करें
01

एजेंट स्क्रीन

आपकी ओर से वेबसाइट चलाता एजेंट: उसे क्लिक और टाइप करते देखें, कंट्रोल खुद लें या जोखिम वाले कदम को मंज़ूरी दें, काम एक बार करके सिखाएँ, या रिकॉर्डिंग दोबारा देखें।

डेमो लोड हो रहा है…

एक स्क्रीन जोड़ें जहाँ लोग देख सकें कि असिस्टेंट उनकी ओर से वेबसाइट कैसे चलाता है: उसका पॉइंटर चलता, क्लिक और टाइप करता है और एक सूची हर कदम दिखाती है, साथ में रोकें, कंट्रोल लें और पैसे खर्च करने वाले किसी भी काम से पहले मंज़ूरी हो। एक मोड जोड़ें जिसमें काम एक बार करके दिखाकर उसे सिखाया जा सके, और एक रिकॉर्डिंग जिसे दोबारा चलाया और आगे-पीछे किया जा सके।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

02

सोचने का क्रम

काम करते समय एजेंट क्या कर रहा है — कदम, तर्क, खोज और कोड — यह दिखाता है, फिर एक पंक्ति में सिमट जाता है।

डेमो लोड हो रहा है…

मेरे ऐप के असिस्टेंट में सोचने का क्रम जोड़ें: जब वह काम करे, तो “सोच रहा है…” पैनल दिखाएँ जिसमें हर कदम स्पिनर के साथ हो, पूरा होने पर टिक और लगा समय दिखे। पैनल खोलकर तर्क, की गई खोजें और लिखा गया कोड पढ़ा जा सके, और काम पूरा होने पर यह “6 सेकंड सोचा” वाली एक पंक्ति में सिमट जाए।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

03

टूल चिप्स

जवाब देते समय एजेंट जो टूल चलाता है, वे चिप्स के रूप में — चलते, फेल होते, दोबारा कोशिश करते और पूरे होते; हर चिप खोलकर इनपुट और आउटपुट देखें।

डेमो लोड हो रहा है…

मेरा असिस्टेंट जवाब देते समय जो टूल इस्तेमाल करता है, उन्हें छोटे चिप्स की तरह दिखाएँ: हर टूल के चलते समय स्पिनर, पूरा होने पर उसका नाम और लगा समय, फेल होने पर लाल रंग के साथ गड़बड़ी, और क्लिक करने पर क्या भेजा गया और क्या लौटा, यह खुले। एक टाइमलाइन व्यू भी दें जो “5 टूल इस्तेमाल किए” में सिमट जाए।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

04

टास्क पंक्तियाँ

एजेंट के चलाए कामों की लाइव स्थिति: कतार में, प्रगति के साथ चल रहा, दोबारा कोशिश वाला विफल, पूरा — कैप्सूल या सूची के रूप में।

डेमो लोड हो रहा है…

एक टास्क सूची जोड़ें जो दिखाए कि एजेंट किस पर काम कर रहा है: हर टास्क की एक पंक्ति, उसकी स्थिति (कतार में, प्रगति रिंग के साथ चल रहा, “फिर कोशिश करें” बटन के साथ विफल, टिक के साथ पूरा), “12 इनवॉइस” जैसी छोटी गिनती, और एक तीर जो उप-कदम खोले।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

05

फ़ीचर योजना

एजेंट जिस योजना पर चलता है, प्रगति वाली चेकलिस्ट के रूप में: हर फ़ीचर की स्थिति, उसमें क्या है और उसका टेस्ट पास हुआ या नहीं।

डेमो लोड हो रहा है…

एक फ़ीचर योजना कार्ड जोड़ें: बन रहे फ़ीचरों की चेकलिस्ट और प्रगति बार (“5 में से 3 तैयार”)। हर फ़ीचर में करना है, चल रहा है या पूरा की स्थिति, खोलने पर एक पंक्ति का विवरण, और “टेस्ट पास” या “टेस्ट फ़ेल” का छोटा बैज हो।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

06

अनुरोधों की कतार

एजेंट व्यस्त हो तब भेजे गए अनुरोध प्रॉम्प्ट बॉक्स के ऊपर ट्रे में इंतज़ार करते हैं — क्रम बदलें, बदलाव करें, हटाएँ या किसी को अगला भेजें।

डेमो लोड हो रहा है…

असिस्टेंट के काम करते समय भी लोग अनुरोध भेजते रह सकें: वह अभी किस पर काम कर रहा है और कितना हुआ, यह दिखाएँ, और नए अनुरोधों को प्रॉम्प्ट बॉक्स के ऊपर एक कतार में रखें जहाँ उनका क्रम बदला जा सके, उन्हें बदला, हटाया या अगला भेजा जा सके, साथ में कतार रोकने का बटन भी हो।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

07

इमेज जनरेशन ग्रिड

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

डेमो लोड हो रहा है…

एक इमेज जनरेटर जोड़ें: स्टाइल और आकार के विकल्पों वाला प्रॉम्प्ट बॉक्स और “बनाएँ” बटन जो एक बार में चार इमेज बनाए, और हर इमेज बनते समय अपनी प्रगति दिखाए। तैयार इमेज के वेरिएशन बनाए जा सकें, उसे अपस्केल, पसंदीदा में सेव या डाउनलोड किया जा सके; पिछले बैच नीचे बने रहें।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

08

स्ट्रीमिंग जवाब

खुद लिखता हुआ जवाब, नंबर वाले संदर्भों के साथ जो स्रोत की झलक खोलते हैं, कॉपी या रेटिंग के बटन और आगे के सवाल।

डेमो लोड हो रहा है…

असिस्टेंट के जवाब टिमटिमाते कर्सर के पीछे शब्द-दर-शब्द आएँ, नंबर वाले संदर्भों के साथ जिन पर होवर करने से स्रोत का शीर्षक, साइट और एक अंश दिखे; नीचे बटनों की एक पंक्ति (कॉपी, फिर से लिखें, पसंद, नापसंद) और दो-तीन आगे के सवाल हों जिन्हें क्लिक करके पूछा जा सके।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

09

संदर्भ कार्ड

जवाब देने से पहले AI को मिले अंश: स्रोत, प्रासंगिकता और मिलते शब्द, पिन करने और बाहर रखने के साथ — और जवाब भी उसी हिसाब से बदलता है।

डेमो लोड हो रहा है…

जब असिस्टेंट हमारे दस्तावेज़ों से जवाब दे, तो उसने जिन अंशों का इस्तेमाल किया उन्हें कार्ड की तरह दिखाएँ: हर कार्ड में स्रोत और पेज, प्रासंगिकता स्कोर, हाइलाइट किए मिलते शब्द, और पिन करने या बाहर रखने के बटन हों, और जवाब हर कार्ड को उसके नंबर से उद्धृत करे।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

10

मंज़ूरी कार्ड

काम करने से पहले एजेंट के एक-एक करके पूछे गए सवाल, और उन कामों के लिए अनुमति कार्ड जिन्हें आपकी हाँ चाहिए।

डेमो लोड हो रहा है…

असिस्टेंट कोई ज़रूरी काम करने से पहले मंज़ूरी कार्ड दिखाए: कुछ सवाल एक-एक करके (एक विकल्प, कई विकल्प या छोटा जवाब), “छोड़ें”, “जारी रखें” और “3 में से 1” काउंटर के साथ। जोखिम वाले कामों के लिए ऐसा कार्ड दिखाएँ जो ठीक-ठीक बताए कि क्या होगा, और “मंज़ूर करें”, “बदलें” और “मना करें” दे।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

11

सुझाव कार्ड

भरोसे के गेज, पीछे के सबूत और जोखिम, और तौले गए विकल्पों के साथ AI का सुझाव — कार्ड या तुलना के रूप में।

डेमो लोड हो रहा है…

एक सुझाव कार्ड जोड़ें: असिस्टेंट जो विकल्प सुझाए, वह भरोसे के गेज के साथ (जैसे “82% · ऊँचा”), स्रोतों के साथ कारण, मुख्य जोखिम, किस बात से उसकी राय बदलेगी, उसने जिन दूसरे विकल्पों पर सोचा वे अपने-अपने भरोसे के साथ, और उस पर अमल करने का बटन।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

12

वॉइस एजेंट ऑर्ब

साँस लेता, सुनता, सोचता और बोलता गोला — लाइव कैप्शन, म्यूट और टैप करके बीच में रोकने के साथ, या कॉल का छोटा बार।

डेमो लोड हो रहा है…

मेरे ऐप में एक वॉइस असिस्टेंट जोड़ें: एक चमकता गोला जिसे टैप करके लोग बात करें, जो दिखाए कि वह कब सुन रहा है, सोच रहा है और बोल रहा है, साथ में लाइव कैप्शन, म्यूट बटन, बोलते समय टैप करके बीच में रोकने की सुविधा, और टाइमर व कॉल खत्म करने के बटन वाला एक छोटा कॉल बार।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

13

प्रीव्यू पर कमेंट

लाइव प्रीव्यू पर पिन किए कमेंट थ्रेड: कहीं भी पिन लगाएँ, जवाब दें, हल करें और वापस लें, साथ में सभी थ्रेड की वैकल्पिक सूची।

डेमो लोड हो रहा है…

लोगों को मेरे ऐप के प्रीव्यू पर कमेंट करने दें: “कमेंट” बटन, फिर कहीं भी क्लिक करते ही उस व्यक्ति के अवतार वाला पिन लग जाए और एक थ्रेड खुले जिसमें दूसरे जवाब दे सकें। थ्रेड को हल किया (वापस लेने के विकल्प के साथ) और छिपाया जा सके, नया जवाब आने पर पता चले, और वे “खुले” और “हल हुए” टैब वाले साइड पैनल में भी दिखें।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

14

प्रॉम्प्ट बार

वह बॉक्स जिसमें लोग एजेंट को लिखते हैं: स्रोत जोड़ने के लिए @, कमांड के लिए /, मॉडल मेन्यू, अटैचमेंट और आवाज़।

डेमो लोड हो रहा है…

मेरे ऐप में एक प्रॉम्प्ट बॉक्स जोड़ें: लिखने के साथ वह बड़ा होता जाए, “@” फ़ाइलों और डेटा स्रोतों की सूची खोले जिन्हें चिप की तरह जोड़ा जा सके, “/” कमांड की सूची खोले, और फ़ाइल जोड़ने, मॉडल चुनने, बोलकर लिखवाने और भेजने के बटन हों — सब कुछ कीबोर्ड से चल सके।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

15

मॉडल चुनने वाला

मॉडल और उसकी सोच की गहराई चुनें: गति और लागत एक नज़र में, प्रीमियम बैज, और कम से अधिकतम तक प्रयास।

डेमो लोड हो रहा है…

प्रॉम्प्ट बॉक्स के पास एक मॉडल चुनने वाला जोड़ें: मौजूदा मॉडल और प्रयास दिखाने वाला एक बटन जो मॉडलों की सूची खोले, हर मॉडल का छोटा विवरण, गति और लागत के संकेत और प्रीमियम मॉडल का बैज हो; साथ में प्रयास का नियंत्रण (कम, मध्यम, ज़्यादा, अधिकतम) जो बताए कि हर स्तर कितना इस्तेमाल करता है।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

16

डिक्टेशन वेवफ़ॉर्म

टाइप करने के बजाय बोलें: लाइव वेवफ़ॉर्म और टाइमर, बोलते ही आते शब्द, फिर रखें या रद्द करें — डेमो आवाज़ से या अपने माइक्रोफ़ोन से।

डेमो लोड हो रहा है…

मेरे टेक्स्ट फ़ील्ड में बोलकर लिखने की सुविधा जोड़ें: एक माइक्रोफ़ोन बटन जो फ़ील्ड को टाइमर वाले लाइव वेवफ़ॉर्म में बदल दे, लोगों के बोलते ही शब्द दिखाए (अधूरे शब्द ग्रे में), और जो कहा गया उसे रखने या रद्द करने के बटन हों।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

17

चुने टेक्स्ट पर काम

टेक्स्ट चुनें और AI टूलबार आ जाता है: बेहतर, छोटा, ज़्यादा अपनापन, सुधार या अनुवाद, फिर दोबारा लिखे टेक्स्ट को वहीं स्वीकार करें या छोड़ दें।

डेमो लोड हो रहा है…

मेरे एडिटर में लोग टेक्स्ट चुनें तो ठीक बगल में एक AI टूलबार आए — बेहतर बनाएँ, छोटा करें, ज़्यादा अपनापन, वर्तनी सुधारें और अनुवाद — फिर दोबारा लिखा टेक्स्ट वहीं दिखाएँ, पुराने शब्द कटे हुए और नए हरे रंग में, और स्वीकार या छोड़ने के बटन हों।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

18

कमांड पैलेट

कुछ भी ढूँढने और कोई भी काम चलाने के लिए एक ही बॉक्स: ग़लतियाँ माफ़ करने वाली खोज, समूहों में नतीजे, दायरा और दूसरा चरण, सब कीबोर्ड से।

डेमो लोड हो रहा है…

⌘K से खुलने वाला एक कमांड पैलेट जोड़ें: एक खोज बॉक्स जो टाइप करते ही पेज, रिकॉर्ड और काम ढूँढे (टाइपिंग की छोटी ग़लतियाँ भी चलें), नतीजों को समूहों में दिखाए और हाल में इस्तेमाल हुई चीज़ें सबसे ऊपर रखे, मिलते अक्षरों को हाइलाइट करे, Enter से चुनी हुई चीज़ चलाए, और कुछ न मिलने पर सुझाव के साथ एक दोस्ताना खाली स्थिति दिखाए।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

19

बदलाव तालिका

AI के बदलाव तालिका में एक-एक पंक्ति आगे बढ़ते हैं: हर बदलाव पहले → बाद में, हर सेल, हर पंक्ति या सब एक साथ स्वीकार या अस्वीकार करें, और जो पंक्तियाँ नहीं बदलीं उनका कारण भी।

डेमो लोड हो रहा है…

जब असिस्टेंट किसी तालिका में बदलाव सुझाए, तो लागू करने से पहले उन्हें दिखाएँ: हर बदले सेल में पुराना मान कटा हुआ और नया हरे रंग में, जिस पंक्ति को उसने जान-बूझकर नहीं बदला उस पर एक नोट, और हर सेल, हर पंक्ति या सबको स्वीकार या अस्वीकार करने के बटन, फिर लागू करें।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

20

इनसाइट कार्ड

ऐसे आँकड़े जो खुद समझाते हैं: होवर किए जा सकने वाले स्पार्कलाइन या बार चार्ट वाले कार्ड, और उनके पीछे की इनसाइट।

डेमो लोड हो रहा है…

मेरे डैशबोर्ड में आँकड़ों के कार्ड की एक पंक्ति जोड़ें: हर कार्ड में एक संख्या, पिछले हफ़्ते से बदलाव हरे या लाल रंग में, और एक छोटा चार्ट जिस पर होवर करके हर दिन का मान पढ़ा जा सके। उनके नीचे एक इनसाइट कार्ड हो जिसमें पलटकर देखा जा सके कि आँकड़ों का क्या मतलब है, हर एक के साथ अगला सुझाया गया कदम।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

21

रिकॉर्ड टेबल

CRM जैसी टेबल: खोज, क्रमबद्ध होने वाले कॉलम, टैग, रिश्ते की मज़बूती का मीटर, और एक साथ कई कामों के लिए पंक्तियाँ चुनना।

डेमो लोड हो रहा है…

ग्राहकों की एक टेबल जोड़ें: खोज के साथ, क्रमबद्ध होने वाले कॉलम (नाम, टैग, मासिक मात्रा, आख़िरी ऑर्डर, और चार बार से दिखाई गई रिश्ते की मज़बूती), पंक्तियाँ चुनने के चेकबॉक्स, और पंक्तियाँ चुनने पर दिखने वाली एक साथ काम करने की बार। फ़ोन पर पहला कॉलम अपनी जगह रहे और बाकी स्क्रॉल हों।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

22

फ़िल्टर टेबल

एक लाइव टेबल जिसे स्टेटस चिप फ़िल्टर करते ही नए सिरे से सजा देते हैं: गिनती बदलती है, पंक्तियाँ फिसलकर अपनी जगह आती हैं और नई पंक्तियाँ आँखों के सामने आती रहती हैं।

डेमो लोड हो रहा है…

ऑर्डर की एक लाइव टेबल जोड़ें जिसके ऊपर स्टेटस चिप हों (सभी, नया, जारी, भेजा गया, समस्या), हर चिप पर गिनती दिखे और क्लिक करने पर पंक्तियाँ फ़िल्टर हों। नए ऑर्डर सबसे ऊपर आएँ और जिन पंक्तियों का स्टेटस बदले वे आराम से खिसकें; एक खोज बॉक्स, लाइव अपडेट रोकने का बटन और पंक्तियों को स्टेटस के हिसाब से समूह में दिखाने का विकल्प भी जोड़ें।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

23

कोड डिफ़

एजेंट के कोड बदलाव, समीक्षा के लिए तैयार: एक साथ या अगल-बगल, शब्द-स्तर की हाइलाइट, बिना बदली पंक्तियाँ समेटी हुई और किसी भी बदली पंक्ति पर टिप्पणी।

डेमो लोड हो रहा है…

एजेंट ने कोड में जो बदलाव किए, उन्हें समीक्षा लायक डिफ़ के रूप में दिखाएँ: फ़ाइल-दर-फ़ाइल, हटाई गई पंक्तियाँ लाल और जोड़ी गई हरी, बदले शब्द हाइलाइट, बिना बदला कोड समेटा हुआ, हर फ़ाइल पर “देख लिया” चेकबॉक्स, किसी भी बदली पंक्ति पर टिप्पणी, और एक साथ व अगल-बगल वाले व्यू के बीच स्विच।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

24

लॉग स्ट्रीम

लेवल फ़िल्टर, खोज, फ़ॉलो और कॉपी वाला लाइव लॉग व्यूअर — या एक टर्मिनल जो बिल्ड का आउटपुट दिखाता है और कमांड भी लेता है।

डेमो लोड हो रहा है…

मेरे ऐप के एडमिन में एक लाइव लॉग व्यूअर जोड़ें: समय, लेवल और स्रोत के साथ लाइनें आती रहें; हर लेवल को गिनती वाले टॉगल से दिखाया या छिपाया जा सके; खोज बॉक्स मिलते शब्द हाइलाइट करे; जब तक मैं ऊपर स्क्रॉल न करूँ, यह सबसे नई लाइन के साथ चले (फिर “नई लाइनें” बटन दिखे); और मैं इसे रोक सकूँ, किसी लाइन का ब्योरा खोल सकूँ और लाइनें कॉपी कर सकूँ।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

25

फ़्लोचार्ट कैनवास

बिंदुओं वाले कैनवास पर बना ऑटोमेशन — ट्रिगर, शर्तें और काम — कहीं भी कदम जोड़ने के लिए + और एक टेस्ट रन जो चला हुआ रास्ता रोशन करता है।

डेमो लोड हो रहा है…

एक ऑटोमेशन बिल्डर जोड़ें: बिंदुओं वाले कैनवास पर बना एक फ़्लो जो ट्रिगर से शुरू हो, हाँ/नहीं की शर्तों पर बँटे और काम चलाए; हर जोड़ने वाली लाइन पर + हो जिससे मेन्यू से कदम जुड़ सके, कदमों का नाम बदला या हटाया जा सके, कैनवास खिसकाया और ज़ूम किया जा सके, और “टेस्ट रन” बटन हर कदम चलते समय उसे हाइलाइट करे।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

26

कानबन बोर्ड

चरणों के बीच कार्ड खिसकाने वाले कॉलम — माउस, उँगली या कीबोर्ड से — सीमा और झटपट जोड़ने के साथ।

डेमो लोड हो रहा है…

एक कानबन बोर्ड जोड़ें जिसमें हर चरण का एक कॉलम हो, कार्ड माउस या उँगली से कॉलमों के बीच खींचे जा सकें या कीबोर्ड से खिसकाए जा सकें (उठाने के लिए Space, खिसकाने के लिए तीर, रखने के लिए Space), हर कॉलम में गिनती और सीमा हो, और हर कॉलम के नीचे झटपट “कार्ड जोड़ें” हो।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

27

लाइव कर्सर और मौजूदगी

कौन यहाँ है और क्या कर रहा है: स्टेटस वाले अवतार, नाम लिखे आराम से चलते कर्सर, दूसरों का चुना हुआ हिस्सा और कैरेट, और फ़ॉलो मोड।

डेमो लोड हो रहा है…

दिखाएँ कि इस समय डॉक्युमेंट में और कौन है: एक के ऊपर एक रखे अवतार जिन पर सक्रिय या निष्क्रिय का बिंदु हो, हर व्यक्ति का कर्सर उसके अपने रंग में नाम के साथ, वे क्या चुन रहे हैं या टाइप कर रहे हैं, कोई जुड़े या जाए तो सूचना, और अवतार पर क्लिक करके किसी को फ़ॉलो करने का तरीका।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

28

वर्शन टाइमलाइन

हर सेव किया वर्शन एक टाइमलाइन पर: बदलाव डिफ़ या पहले/बाद वाले स्लाइडर से देखें, साफ़ पुष्टि के बाद कोई भी वर्शन वापस लाएँ, और उसे पलट भी दें।

डेमो लोड हो रहा है…

वर्शन हिस्ट्री जोड़ें: दिन के हिसाब से समूहों में सेव किए वर्शन की टाइमलाइन, जिसमें हर वर्शन किसने बनाया यह दिखे और मौजूदा वर्शन पर निशान हो। कोई वर्शन चुनने पर दिखे कि क्या बदला (या पेज की पहले/बाद तुलना), और “रीस्टोर” पहले पुष्टि माँगे, मौजूदा वर्शन को हिस्ट्री में रखे और उसे वापस लिया जा सके।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

30

शुरुआती चेकलिस्ट

प्रगति रिंग वाली सेटअप गाइड: अगला कदम अपने बटन के साथ खुलता है, कदम छोड़े जा सकते हैं, और गाइड छिपकर वापस आ सकती है।

डेमो लोड हो रहा है…

नए उपयोगकर्ताओं के लिए एक सेटअप चेकलिस्ट जोड़ें: “5 में से 2 पूरे” के साथ प्रगति रिंग, क्रम से कदम और हर कदम में लगने वाला समय, अगला कदम खुला हुआ जिसमें उसे पूरा करने वाला बटन और “अभी छोड़ें” हो, सब पूरा होने पर बधाई, और गाइड को छिपाने और वापस लाने का तरीका। इसे स्क्रीन के कोने में एक छोटे लॉन्चर के रूप में भी दें।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

31

सेटिंग्स फ़ॉर्म

समूहों में सेटिंग्स जो जानती हैं कि क्या बदला: बदले फ़ील्ड पर निशान, गिनती के साथ सेव बार, बदलाव रद्द करना, जाँच और ⌘S।

डेमो लोड हो रहा है…

सेक्शन (दुकान की जानकारी, शिपिंग, सूचनाएँ) वाला एक सेटिंग्स पेज जोड़ें जो मेरे बदले हर फ़ील्ड पर निशान लगाए, बिना सेव किए बदलावों की गिनती और “सेव करें” / “बदलाव रद्द करें” बटन वाला बार दिखाए, सेव से पहले फ़ील्ड जाँचे और पहली गड़बड़ी पर ले जाए, सेव होने पर बताए, और Ctrl+S या ⌘S से भी सेव करे।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

32

स्टेपर / विज़ार्ड

लंबा फ़ॉर्म छोटे कदमों में: आप कहाँ हैं, क्या हो चुका, आगे बढ़ने से पहले जाँच, बदलने के लिंक के साथ समीक्षा, और पुष्टि।

डेमो लोड हो रहा है…

आवेदन फ़ॉर्म को कदम-दर-कदम विज़ार्ड बनाएँ: एक स्टेप बार जो दिखाए कि मैं कहाँ हूँ और कौन से कदम पूरे हो गए, हर कदम आगे बढ़ने से पहले जाँचा जाए और साफ़ संदेश दिखें, “वापस” पर कुछ न खोए, आख़िर में हर कदम के “बदलें” लिंक वाला समीक्षा पेज, और भेजने के बाद पुष्टि।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

33

डेटा इम्पोर्ट मैपिंग

स्प्रेडशीट के कॉलम को अपने फ़ील्ड से मिलाएँ: भरोसे के साथ सुझाए गए मिलान, नमूना मान, ज़रूरी फ़ील्ड और टकराव, फिर इम्पोर्ट।

डेमो लोड हो रहा है…

किसी के स्प्रेडशीट अपलोड करने के बाद, उसके कॉलम को मेरे फ़ील्ड से मिलाने का एक चरण दिखाएँ: हर कॉलम के कुछ नमूना मान, सुझाया गया फ़ील्ड और मिलान पर कितना भरोसा है, उसे बदलने या कॉलम छोड़ने का आसान तरीका, कोई ज़रूरी फ़ील्ड छूट जाए या दो कॉलम एक ही फ़ील्ड पर हों तो चेतावनी, और “इम्पोर्ट करें” बटन जो प्रगति और सारांश दिखाए।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

34

फ़ाइल ड्रॉप और अटैचमेंट

फ़ाइलें खींचें, चुनें या पेस्ट करें: प्रीव्यू, हर फ़ाइल की प्रगति, अस्वीकार होने के साफ़ कारण, फिर से कोशिश, और अपलोड का इंतज़ार करता संदेश।

डेमो लोड हो रहा है…

फ़ाइल अपलोड जोड़ें: एक जगह जहाँ फ़ाइलें खींचकर छोड़ी जा सकें, क्लिक करके चुनी जा सकें या तस्वीरें पेस्ट की जा सकें, हर फ़ाइल का प्रीव्यू और प्रगति बार, फ़ाइल बहुत बड़ी या गलत प्रकार की हो तो साफ़ संदेश, अपलोड विफल हो तो “फिर से कोशिश करें” बटन, और संदेश बॉक्स में अटैचमेंट जिनका अपलोड पूरा होने से पहले संदेश न भेजा जा सके।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

35

अनुमति डायलॉग

करने से पहले पूछें: कोई ऐप या AI एजेंट क्या करना चाहता है, हर अनुमति की व्याख्या, वैकल्पिक अनुमतियाँ बंद करने का विकल्प, और फ़ैसला याद रखना।

डेमो लोड हो रहा है…

एक अनुमति डायलॉग जोड़ें जो किसी दूसरे ऐप के जुड़ने से पहले या असिस्टेंट के मेरी ओर से कुछ करने से पहले दिखे: यह आसान शब्दों में बताए कि ठीक-ठीक क्या माँगा जा रहा है, वैकल्पिक हिस्सों को बंद करने दे, काम का प्रीव्यू दिखाए (जैसे ईमेल और उसे किसे जाएगा), “एक बार अनुमति दें” या “हमेशा अनुमति दें” दे, और “यह फ़ैसला याद रखें” विकल्प हो।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

36

बुकिंग स्लॉट चुनने वाला

दिन और समय चुनें: तारीखों की पट्टी या महीने का कैलेंडर, सुबह और दोपहर के स्लॉट, भरे हुए समय और पुष्टि।

डेमो लोड हो रहा है…

एक बुकिंग चुनने वाला जोड़ें: अगले दो हफ़्तों की पट्टी (या महीने का कैलेंडर) से दिन चुनें, खाली समय सुबह और दोपहर में बँटे हों और भरे हुए धूसर दिखें, सत्र की अवधि का विकल्प, टाइम ज़ोन, और “पुष्टि करें” बटन वाला सारांश जो “कैलेंडर में जोड़ें” वाली पुष्टि में बदल जाए।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

37

प्राइसिंग टेबल

प्लान साथ-साथ, मासिक / सालाना स्विच, लोकप्रिय प्लान उभरा हुआ, चुना गया प्लान चेकआउट तक, और पूरी तुलना।

डेमो लोड हो रहा है…

एक प्राइसिंग सेक्शन जोड़ें: तीन प्लान साथ-साथ, “मासिक / सालाना” स्विच जो दिखाए कि सालाना में कितनी बचत है, सबसे लोकप्रिय प्लान उभरा हुआ दिखे, हर प्लान पर “चुनें” बटन जो प्लान और उसकी कीमत को चेकआउट बार तक ले जाए, और एक टेबल जिसमें हर प्लान में क्या शामिल है उसकी तुलना हो।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

38

टोस्ट स्टैक

छोटी सूचनाएँ जो एक के ऊपर एक जमती हैं, होवर पर फैलती हैं, स्वाइप से हटती हैं, धीमे कामों की प्रगति दिखाती हैं और पूर्ववत करने देती हैं।

डेमो लोड हो रहा है…

टोस्ट सूचनाएँ जोड़ें: वे एक कोने में एक के ऊपर एक जमें और होवर पर फैल जाएँ, कुछ सेकंड बाद अपने आप बंद हों (होवर के दौरान रुकें), स्वाइप करके हटाई जा सकें, और ये प्रकार हों: सफल, “फिर कोशिश करें” वाली त्रुटि, लोड होना जो सफलता में बदले, और “पूर्ववत करें” वाली सूचना।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

39

सूचना इनबॉक्स

न पढ़ी गिनती वाली घंटी से खुलने वाला इनबॉक्स: सभी, न पढ़ी और ज़िक्र टैब, वहीं पर एक्शन, सब पढ़ा हुआ करें, और लाइव नई सूचनाएँ।

डेमो लोड हो रहा है…

टॉप बार में लाल रंग की न पढ़ी गिनती वाली सूचना घंटी जोड़ें। यह एक इनबॉक्स खोले जिसमें “सभी”, “न पढ़ी” और “ज़िक्र” टैब हों, सूचनाएँ आज, कल और पहले में बँटी हों, हर सूचना पर वहीं काम करने के बटन (मंज़ूर करें, जवाब दें), पढ़ा या न पढ़ा करने के लिए एक बिंदु, “सभी को पढ़ा हुआ करें”, और नई सूचनाएँ आते ही सरककर दिखें।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

40

खाली स्थितियाँ

जब दिखाने को कुछ न हो तो स्क्रीन क्या कहे: पहली बार, खोज में कोई नतीजा नहीं, लोड विफल और ऑफ़लाइन, हर एक के साथ अगला कदम।

डेमो लोड हो रहा है…

मेरी सूचियों की खाली स्थितियाँ डिज़ाइन करें: पहली बार आने पर एक दोस्ताना स्क्रीन जिसमें पहला आइटम जोड़ने या नमूना डेटा आज़माने के बटन हों, “कोई नतीजा नहीं” संदेश जो खोज का नाम ले और फ़िल्टर हटाने का विकल्प दे, “फिर से कोशिश करें” और विवरण वाली त्रुटि स्क्रीन, और ऑफ़लाइन बैनर जो आख़िरी सेव किया डेटा दिखाता रहे और खुद फिर से कोशिश करे।

इसे MonstarX में पेस्ट करें, या इसी से नया प्रोजेक्ट शुरू करें।

इस प्रॉम्प्ट के साथ एक नया प्रोजेक्ट खुलता है। MonstarX पर नए हैं? मुफ़्त साइन अप करें, प्रॉम्प्ट आपका इंतज़ार करेगा।

अपने कोडिंग एजेंट के साथ इस्तेमाल करें।

MonstarX UI को Claude Code, Cursor, Codex या किसी भी MCP क्लाइंट से जोड़ें, फिर आपका एजेंट सभी 40 कंपोनेंट खोज सकता है, उनकी स्पेक और कोड पढ़ सकता है, और उन्हें आपके अपने स्टैक पर आपके ऐप में बना सकता है। मुफ़्त, सिर्फ़ पढ़ने के लिए, साइन-इन की ज़रूरत नहीं।

MCP सर्वर का पताhttps://monstarx.com/ui/mcp

टर्मिनल में चलाएँ:

claude mcp add --transport http monstarx-ui https://monstarx.com/ui/mcp

या, हर प्रोजेक्ट में पाने के लिए:

claude mcp add --transport http --scope user monstarx-ui https://monstarx.com/ui/mcp
  • “monstarx-ui से ऐसा कंपोनेंट ढूँढो जो दिखाए कि एजेंट क्या कर रहा है, और उसे हमारी चैट स्क्रीन में बनाओ।”
  • “एजेंट के ईमेल भेजने से पहले monstarx-ui का अप्रूवल कार्ड हमारे डिज़ाइन सिस्टम में जोड़ो।”
  • “monstarx-ui से प्राइसिंग टेबल लो और उसे हमारे Stripe प्लान से जोड़ो।”

आपके एजेंट को क्या मिलता है

  • search_componentsज़रूरत के हिसाब से कंपोनेंट ढूँढता है: “approval”, “agent progress”, “pricing”।
  • list_componentsसभी 40 कंपोनेंट, समूहों में।
  • get_componentसोर्स कोड, डिपेंडेंसी, वेरिएंट, इंस्टॉल कमांड और पूरी बिल्ड स्पेक।
  • get_promptकोडिंग एजेंट के लिए बिल्ड स्पेक, या 16 भाषाओं में MonstarX प्रॉम्प्ट।
  • get_guidelinesडिज़ाइन के नियम, ताकि कंपोनेंट सीधे चिपकाने के बजाय आपके स्टैक और ब्रांड के हिसाब से ढाले जाएँ।

साथ में रिसोर्स (ui://components/{id}, ui://guidelines) और प्रॉम्प्ट (add-component, find-component) भी।

या shadcn CLI से इंस्टॉल करें

हर कंपोनेंट एक shadcn रजिस्ट्री आइटम है। shadcn/ui वाले प्रोजेक्ट में एक कमांड फ़ाइल लिखती है और lucide-react इंस्टॉल करती है:

npx shadcn@latest add https://monstarx.com/ui/r/approval-card.json
रजिस्ट्री इंडेक्स (JSON)

नए कंपोनेंट, सीधे आपके इनबॉक्स में।

एजेंट स्क्रीन, आवाज़, चार्ट, ऐप ब्लॉक: हर नया सेट, उसके प्रॉम्प्ट और कोड के साथ, उसी दिन जब वह आए।

सिर्फ़ नए कंपोनेंट, कभी स्पैम नहीं। गोपनीयता

सिर्फ़ हिस्से नहीं, पूरा ऐप चाहिए?

एक वाक्य में बताइए। MonstarX उसकी योजना बनाता है, ऐसे ही कंपोनेंट से उसे बनाता है, असली ब्राउज़र में टेस्ट करता है और आपके डोमेन पर प्रकाशित करता है।

अपना कोडिंग एजेंट जोड़ें