लैंडिंग हब
अवलोकन
सेटअप विज़ार्ड पूरा करने के बाद, आप Kaiju Hub AI लैंडिंग हब पर पहुँचेंगे। यह आपका केंद्रीय डैशबोर्ड है जहाँ आप एक नज़र में Kaiju Hub AI की सभी मुख्य सुविधाओं तक पहुँच सकते हैं।
प्रोजेक्ट हब
प्रोजेक्ट हब आपके सभी विकास प्रोजेक्ट्स को प्रबंधित और व्यवस्थित करने के लिए आपका केंद्रीय कार्यक्षेत्र है। यहाँ से आप शुरू से नए प्रोजेक्ट बना सकते हैं, अपनी स्थानीय मशीन से मौजूदा प्रोजेक्ट आयात कर सकते हैं, और सीधे GitHub से रिपॉजिटरी क्लोन कर सकते हैं।
प्रोजेक्ट बनाएँ
अपनी पसंदीदा टेक स्टैक और फ्रेमवर्क कॉन्फ़िगरेशन के साथ बिल्कुल नया प्रोजेक्ट शुरू करें।
प्रोजेक्ट आयात करें
उन्हें Kaiju Hub AI में प्रबंधित करने के लिए अपने स्थानीय फ़ाइल सिस्टम से मौजूदा प्रोजेक्ट लाएँ।
GitHub से क्लोन करें
किसी भी GitHub रिपॉजिटरी को सीधे Kaiju Hub AI में क्लोन करें — ऐप छोड़ने या कमांड लाइन उपयोग करने की आवश्यकता नहीं।
वायरफ्रेम
वायरफ्रेम अनुभाग आपको अपने एप्लिकेशन और वेबसाइटों के लिए वायरफ्रेम बनाने और डिज़ाइन करने देता है। आप कैनवास एडिटर का उपयोग करके उन्हें मैन्युअल रूप से डिज़ाइन कर सकते हैं, या AI का उपयोग करके स्वचालित रूप से वायरफ्रेम जनरेट कर सकते हैं। आपका वायरफ्रेम तैयार होने पर, आप इसे सीधे कोड जनरेशन में भेज सकते हैं — डिज़ाइन से काम करने वाले कोड तक एक सहज कार्यप्रवाह में।
मैन्युअल डिज़ाइन
हाथ से UI कंपोनेंट बनाने और व्यवस्थित करने के लिए बिल्ट-इन कैनवास एडिटर का उपयोग करें।
AI-संचालित जनरेशन
वर्णन करें कि आप क्या चाहते हैं और AI को तुरंत आपके लिए वायरफ्रेम लेआउट बनाने दें।
वायरफ्रेम से कोड
अपना पूरा वायरफ्रेम सीधे कोड जनरेशन में भेजें — किसी मैन्युअल अनुवाद की आवश्यकता नहीं।
नया क्या है
नया क्या है अनुभाग वह जगह है जहाँ आप Kaiju Hub AI के नवीनतम अपडेट, सुविधाएँ और घोषणाएँ देख सकते हैं। जब भी कोई नया अपडेट आता है, आपको एक अलर्ट मिलेगा ताकि आप महत्वपूर्ण बदलावों से न चूकें। नई सुविधाओं, बग फ़िक्स और सुधारों से अपडेट रहने के लिए यहाँ नियमित रूप से जाँच करें।
ब्लॉक लाइब्रेरी
ब्लॉक लाइब्रेरी Kaiju Hub AI की संदर्भ ब्लॉक प्रणाली है। यह आपको API दस्तावेज़ीकरण, कोड स्निपेट आदि जैसे पुन: प्रयोज्य संदर्भ ब्लॉक जोड़ने, संग्रहित करने और प्रबंधित करने की अनुमति देती है। आप बाद में उपयोग के लिए ब्लॉक बना और संग्रहित कर सकते हैं, फिर कोड जनरेशन के लिए संदर्भ के रूप में उन्हें सीधे AI को भेज सकते हैं।
समर्थित सामग्री प्रकार
React, Solid.js, Vue, Svelte, Angular, HTML, CSS, GLSL शेडर्स, Markdown, सादा पाठ, चित्र, और वीडियो।
समूह बनाना
ब्लॉक लाइब्रेरी ब्लॉक को समूहों में व्यवस्थित करती है। समूह आपको संबंधित ब्लॉक को एक साथ वर्गीकृत और प्रबंधित करने की अनुमति देते हैं।
एक नया समूह बनाएँ
समूह निर्माण मॉडल खोलने के लिए "Create a New Group" बटन पर क्लिक करें। एक श्रेणी चुनें, समूह का नाम टाइप करें, और इसे जोड़ने के लिए "Create Group" पर क्लिक करें।
समूहों में सामग्री जोड़ें
एक बार समूह बन जाने पर, आप ब्लॉक से भरने के लिए फ़ाइलें ड्रैग और ड्रॉप कर सकते हैं या सीधे समूह में सामग्री पेस्ट कर सकते हैं।
ब्लॉक बनाना
ब्लॉक क्रिएटर व्यू खोलने के लिए "Create a New Block" पर क्लिक करें। वहाँ से आपके पास सामग्री जोड़ने के तीन तरीके हैं:
मैन्युअल इनपुट
क्रिएटर व्यू में सीधे ब्लॉक सामग्री मैन्युअल रूप से लिखें या संपादित करें।
सामग्री पेस्ट करें
कोड, टेक्स्ट, या अन्य सामग्री सीधे ब्लॉक क्रिएटर में पेस्ट करें।
AI निर्माण
ब्लॉक सामग्री जनरेट करने के लिए AI का उपयोग करें। React, GLSL शेडर्स, Svelte, HTML, Vue, Angular, Solid.js, और CSS का समर्थन करता है।
AI-संचालित ब्लॉक निर्माण
ब्लॉक बनाने के लिए AI का उपयोग करते समय, आप विभिन्न प्रकार की सामग्री जनरेट कर सकते हैं। कोड के अलावा, आप MediaGen या स्थानीय रूप से CompanyUI का उपयोग करके चित्र भी बना सकते हैं, और वीडियो भी जनरेट कर सकते हैं।
सीधा AI संपादन
AI का उपयोग करके मौजूदा ब्लॉक आइटम सीधे संपादित करें। निर्देश दें और AI सामग्री को यथास्थान संशोधित करेगा।
विविधताएँ बनाएँ
एक प्रॉम्प्ट दर्ज करें और बताएँ कि आप कितनी विविधताएँ चाहते हैं। AI आपके प्रॉम्प्ट के आधार पर ब्लॉक सामग्री के कई वैकल्पिक संस्करण जनरेट करेगा।
ब्लॉक का उपयोग
संदर्भ संग्रहित करें
प्रोजेक्ट्स में पुन: उपयोग के लिए API दस्तावेज़ीकरण, कोड स्निपेट, डिज़ाइन संदर्भ, और अन्य संदर्भ ब्लॉक सहेजें।
मीडिया बनाएँ
ब्लॉक लाइब्रेरी के भीतर सीधे चित्र, वीडियो, और अन्य मीडिया संपत्तियाँ बनाएँ और संग्रहित करें।
AI को भेजें
AI के साथ काम करते समय संग्रहित ब्लॉक को संदर्भ के रूप में संलग्न करें — इसे सटीक कोड जनरेट करने के लिए आवश्यक जानकारी दें।
रिवर्स इंजीनियरिंग
रिवर्स इंजीनियरिंग Kaiju Hub AI का बाउंडिंग-बॉक्स निर्देशित इमेज-टू-कोड और इमेज-टू-वायरफ्रेम टूल है। किसी भी UI छवि को अपलोड करें, तत्वों के चारों ओर बाउंडिंग बॉक्स बनाएँ या स्वतः पहचानें, प्रत्येक बॉक्स को व्यवहार असाइन करें (जैसे, मॉडल खोलता है, किसी अनुभाग में नेविगेट करता है), और एनोटेटेड छवि से काम करने वाला कोड या वायरफ्रेम लेआउट जनरेट करें।
बाउंडिंग बॉक्स एनोटेशन
किसी भी छवि में UI तत्वों के चारों ओर बाउंडिंग बॉक्स बनाएँ या स्वतः पहचानें, फिर प्रत्येक बॉक्स को इंटरैक्टिव व्यवहार असाइन करें।
दोहरा आउटपुट
एनोटेटेड छवियों को अपने लक्ष्य फ्रेमवर्क के लिए काम करने वाले कंपोनेंट कोड में बदलें, या आगे संपादन के लिए वायरफ्रेम लेआउट के रूप में निर्यात करें।