Kaiju Hub AI

प्रकल्प तयार करणे

Create New Project dialog showing Project Name, Project Location, GitHub linking, Choose Platform tiles (Blank, Desktop, Web, Mobile), and Build Type options (Fresh Install, AI-Generated)

प्रकल्प सेटअप

यावर क्लिक करा + नवीन प्रोजेक्ट बटण प्रोजेक्ट डॅशबोर्डमधून (Project Dashboard) क्लिक करा, जेणेकरून प्रोजेक्ट तयार करण्याची प्रक्रिया सुरू होईल. पहिल्या स्क्रीनवर तुमच्या प्रोजेक्टच्या मूलभूत गोष्टी कॉन्फिगर (configure) केल्या जातील, त्यानंतर तुम्ही टेक स्टॅक (tech stack) निवडू शकता.

प्रकल्पाचे नाव

तुमच्या प्रोजेक्टसाठी नाव प्रविष्ट करा. हे नाव रिअल टाइममध्ये तपासले जाईल — ते वैध फोल्डरचे नाव असले पाहिजे (कोणतेही विशेष वर्ण जसे की <>:"/\\|?* नसावे) आणि निवडलेल्या ठिकाणी असलेल्या विद्यमान फोल्डरशी ते जुळू नये.

प्रोजेक्ट स्थान

तुमच्या प्रोजेक्ट फोल्डरसाठी डीफॉल्ट निर्देशिका (directory) येथे तयार केली जाईल. दुसरी निर्देशिका निवडण्यासाठी ब्राउझ (Browse) वर क्लिक करा. प्रोजेक्ट निवडलेल्या नावाचा उप-फोल्डर म्हणून तयार केला जाईल.

GitHub ला लिंक करा

तुमच्या स्थानिक प्रोजेक्टसोबत आपोआप रिमोट रिपॉजिटरी (remote repository) तयार करण्यासाठी, वैकल्पिकरित्या GitHub खाते निवडा. हे वगळण्यासाठी "None (डीफॉल्टनुसार GitHub वापरू नका)" निवडा.

प्लॅटफॉर्म निवडा

KEY: supportContent.cPProjectSetup.selectOneOfFourPlatform TEXT: तुम्ही तयार करत असलेल्या प्रकल्पाचा प्रकार निश्चित करण्यासाठी चारपैकी एका प्लॅटफॉर्म टाइल निवडा. प्रत्येक प्लॅटफॉर्म पुढील स्क्रीनवर फ्रेमवर्क आणि तंत्रज्ञान स्टॅकच्या विविध पर्यायांचा संच दर्शवितो.

रिक्त

CLI टूल्स, स्क्रिप्ट्स, लायब्ररी

डेस्कटॉप

नेटिव्ह डेस्कटॉप ॲप्स

वेब

ब्राउझर-आधारित ॲप्स

मोबाइल

डिव्हाइस ॲप्लिकेशन्स

बिल्ड प्रकार

प्रकल्पाची सुरुवात कशी करायची ते निवडा:

नवीन इंस्टॉलेशन

मानक फ्रेमवर्क टूल्स वापरून नवीन प्रोजेक्ट तयार करते. Kaiju Hub AI योग्य CLI कमांड्स (उदा. npm create vite@latest, cargo init, npx create-tauri-app) चालवते आणि सर्व आवश्यक गोष्टी स्थापित करते.

AI-द्वारे तयार केलेले

तुम्हाला काय तयार करायचे आहे ते सांगा आणि AI ला संपूर्ण प्रोजेक्ट तयार करू द्या. तुम्ही एक टेक्स्ट डिस्क्रिप्शन (text description) आणि वैकल्पिक संदर्भ प्रतिमा (reference images) प्रदान करा, त्यानंतर AI सर्व सोर्स कोड (source code), कॉन्फिगरेशन फाइल्स (configuration files) आणि प्रोजेक्ट स्ट्रक्चर (project structure) तयार करेल.

प्रोजेक्ट सेटअप कॉन्फिगर केल्यानंतर, " टेक स्टॅकवर पुढे जा " वर क्लिक करा.

ब्लँक प्रोजेक्ट्स

ब्लँक प्रोजेक्ट्स CLI टूल्स, स्क्रिप्ट्स, स्वतंत्र ॲप्लिकेशन्स आणि विशिष्ट भाषेसाठी असलेल्या स्टार्टरसाठी (starter) असतात. तुमची भाषा किंवा रनटाइम (runtime) निवडा आणि Kaiju Hub AI एक मूलभूत प्रोजेक्ट स्ट्रक्चर तयार करेल.

Tech Stack selection for Blank projects showing language options: Empty, Node.js, Python, Rust, C++, Lua, Luau, NestJS, Go, Express, Bun, Deno with Python version selector

भाषा / रनटाइम पर्याय

Empty
Node.js
Python
Rust
C++
Lua
Luau
NestJS
Go
Express
Bun
Deno

काही भाषांमध्ये व्हर्जन निवडक (version selectors) समाविष्ट आहेत. उदाहरणार्थ, Python निवडल्यास व्हर्जन पर्याय दिसतील (3.10, 3.11, 3.12, 3.13, 3.14, 3.15). निवडलेले व्हर्जन हे व्हर्च्युअल वातावरण (virtual environment) तयार करण्यासाठी वापरले जाणारे पायथन इंटरप्रिटर (Python interpreter) ठरवते.

डेस्कटॉप प्रोजेक्ट्स

डेस्कटॉप प्रोजेक्ट्स नेटिव्ह डेस्कटॉप ॲप्लिकेशन्स तयार करतात. एक डेस्कटॉप फ्रेमवर्क, UI साठी फ्रंटएंड फ्रेमवर्क आणि वैकल्पिकरित्या डेटाबेस निवडा. सर्व फ्रंटएंड फ्रेमवर्क पूर्वनिर्धारितपणे (pre-configured) TypeScript सह येतात.

Tech Stack selection for Desktop projects showing Desktop Framework (Tauri + Rust, Electron, Flutter + Dart), Frontend Framework (SolidJS, React, Vue, Svelte, Angular), and Database options

डेस्कटॉप फ्रेमवर्क

हे मूळ फ्रेमवर्क आहे जे डेस्कटॉप विंडो शेल आणि सिस्टम-स्तरीय API प्रदान करते.

Tauri + Rust
Electron
Flutter + Dart

फ्रंटएंड फ्रेमवर्क

हे UI फ्रेमवर्क डेस्कटॉप विंडोमध्ये चालते. सर्व पर्याय TypeScript सह पूर्व-कॉन्फिगर केलेले आहेत.

SolidJS
React
Vue
Svelte
Angular

डेटाबेस

स्थानिक किंवा क्लाउड डेटा स्टोरेजसाठी पर्यायी डेटाबेस एकत्रीकरण.

Supabase
SQLite
Realm
PostgreSQL
Convex

वेब प्रोजेक्ट्स

वेब प्रोजेक्ट्स ब्राउझर-आधारित ॲप्लिकेशन्स तयार करतात. केवळ फ्रंटएंड किंवा फुल-स्टॅक मधून निवडून सुरुवात करा, जेणेकरून कोणते फ्रेमवर्क पर्याय उपलब्ध असतील हे निश्चित केले जाईल. सर्व फ्रेमवर्क डीफॉल्टनुसार TypeScript-सक्षम असतात.

Tech Stack for Web projects in Frontend Only mode showing SolidJS, React, Vue, Svelte, Angular, Preact + Styling and Database options

केवळ फ्रंटएंड

सिंगल-पेज ॲप्स (single-page apps) आणि स्टॅटिक साइट्ससाठी (static sites) स्वतंत्र UI फ्रेमवर्क. तुमचे स्वतःचे npm पॅकेजेस (packages) जोडण्यासाठी कस्टम पॅकेजेस (Custom Packages) बटण समाविष्ट आहे.

SolidJS
React
Vue
Svelte
Angular
Preact
Tech Stack for Web projects in Full-Stack mode showing SolidStart, Next.js, Nuxt.js, SvelteKit, Fresh, Astro, TanStack Start, WordPress

फुल-स्टॅक

सर्व्हर-साइड रेंडरिंग (server-side rendering) आणि API रूटसह संपूर्ण वेब फ्रेमवर्क.

SolidStart
Next.js
Nuxt.js
SvelteKit
Fresh
Astro
TanStack Start
WordPress

शैली (Styling)

Tailwind CSS

डेटाबेस

Supabase
Firebase
Prisma
Convex

मोबाइल प्रोजेक्ट्स

मोबाइल प्रोजेक्ट्स iOS आणि Android साठी डिव्हाइस ॲप्लिकेशन्स तयार करतात. एक मोबाइल फ्रेमवर्क, SDK व्हर्जन आणि वैकल्पिकरित्या डेटाबेस निवडा.

Tech Stack for Mobile projects showing Expo, React Native CLI, Flutter, Ionic, Capacitor, Android Native (Kotlin) with SDK version selector and Database options

मोबाइल फ्रेमवर्क

तुमच्या मोबाइल ॲप्लिकेशनसाठी फ्रेमवर्क निवडा. एकापेक्षा जास्त SDK लक्ष्य (target) सपोर्ट करणाऱ्या फ्रेमवर्कसाठी SDK व्हर्जन निवडक दिसेल.

Expo
React Native CLI
Flutter
Ionic
Capacitor
Android Native (Kotlin)

SDK व्हर्जन

Expo सारख्या फ्रेमवर्कसाठी, SDK व्हर्जन निवडा (उदा. 52, 53, 54, 55). हे मूलभूत अवलंबित्व (dependencies) आणि API सुसंगतता (compatibility) निश्चित करते.

डेटाबेस

तुमच्या मोबाइल ॲपसाठी वैकल्पिक क्लाउड (cloud) किंवा लोकल (local) डेटाबेस.

Supabase
Firebase Firestore
SQLite
Realm
WatermelonDB

नवीन इंस्टॉलेशन

जेव्हा तुम्ही नवीन इंस्टॉलेशन हे बिल्ड (build) प्रकार निवडता, तेव्हा Kaiju Hub AI तुमच्या प्रोजेक्टला मानक फ्रेमवर्क टूल्स वापरून तयार करते. तुमचा टेक स्टॅक (tech stack) निवडल्यानंतर, प्रोजेक्ट तयार करा आणि Kaiju Hub AI बाकीचे काम करेल.

काय होईल

पॅकेज व्यवस्थापक शोधा

Kaiju Hub AI आपोआप तुमच्या सिस्टमवर (npm, yarn किंवा pnpm) कोणता पॅकेज व्यवस्थापक स्थापित आहे हे शोधते.

स्काफोल्ड कमांड चालवा

तुम्ही निवडलेल्या स्टॅकसाठी योग्य CLI टूल (tool) कार्यान्वित करते. उदाहरणार्थ: React साठी npm create vite@latest, Rust साठी cargo init, Tauri साठी npx create-tauri-app.

3. अवलंबित्व (Dependencies) स्थापित करा

पॅकेज व्यवस्थापकाचा (package manager) इंस्टॉल (install) कमांड चालवून सर्व आवश्यक अवलंबित्व डाउनलोड (download) आणि सेट (set) करते.

4. Git सुरू करा

एक लोकल Git रिपॉजिटरी (repository) तयार करते आणि पहिले कमिट (commit) करते.

5. GitHub रिपो (Repo) तयार करा

तुम्ही GitHub खाते लिंक केले असल्यास, आपोआप रिमोट रिपॉजिटरी (remote repository) तयार करते आणि पहिले कमिट (commit) पुश (push) करते.

प्रोजेक्ट तयार झाल्यावर ते तुमच्या प्रोजेक्ट डॅशबोर्डमध्ये दिसेल, जेथे तुम्ही ते उघडून कोडिंग सुरू करू शकता.

AI-द्वारे तयार केलेले

जेव्हा तुम्ही AI-द्वारे तयार केलेले हे बिल्ड (build) प्रकार म्हणून निवडल्यास, तुम्ही काय तयार करू इच्छिता हे तुम्ही वर्णन करता आणि AI संपूर्ण प्रारंभिक कोडबेस (codebase) लिहितो. तुमचा टेक स्टॅक (tech stack) निवडल्यानंतर, प्रोजेक्ट तयार करा AI जनरेशन स्क्रीन उघडण्यासाठी क्लिक करा.

AI Generation screen showing model selector, project description input, Images/Components/Files tabs in the sidebar, and Generate Project button

AI मॉडेल निवड

जनरेशन स्क्रीनच्या शीर्षस्थानी, AI प्रदाता (provider) आणि मॉडेल निवडा. तुम्ही कोणत्याही कॉन्फिगर केलेल्या प्रदात्यामधून (OpenAI, Anthropic, Gemini, Grok, DeepSeek, Ollama) निवडू शकता आणि कोड जनरेशनसाठी (code generation) वापरायचे असलेले विशिष्ट मॉडेल निवडू शकता.

प्रोजेक्ट डिस्क्रिप्शन

तुम्हाला काय तयार करायचे आहे याचे तपशीलवार वर्णन लिहा. तुम्ही जितके अधिक विशिष्ट असाल, तितके चांगले परिणाम मिळतील. मुख्य वैशिष्ट्ये, पृष्ठे, UI पॅटर्न आणि आवश्यक असलेले कोणतेही इंटिग्रेशन (integrations) समाविष्ट करा.

चांगली उदाहरणे:

  • उत्पादन सूची आणि शॉपिंग कार्ट असलेले ई-कॉमर्स (e-commerce) वेबसाइट
  • कान्बान बोर्ड्स (kanban boards) असलेले टास्क मॅनेजमेंट डॅशबोर्ड (task management dashboard)
  • वापरकर्ता प्रोफाइल (user profiles) आणि फीड्स (feeds) असलेले सोशल मीडिया (social media) प्लॅटफॉर्म
  • संपर्क व्यवस्थापन (contact management) आणि विश्लेषण (analytics) असलेले CRM सिस्टम

वापरा AI सह वर्धित करा तुमचे वर्णन अधिक तपशीलवार करण्यासाठी आपोआप वाढवण्यासाठी बटण वापरा. तुम्ही व्हॉइस इनपुट (voice input) वापरून तुमचे वर्णन करण्यासाठी मायक्रोफोन (microphone) आयकॉनवर मध्यभागी क्लिक देखील करू शकता.

साइडबार टॅब

डाव्या साइडबारमध्ये AI साठी अतिरिक्त माहिती दिली आहे:

इमेजेस (Images)

AI ला ॲप (app) कसे दिसायला हवे हे दर्शविण्यासाठी संदर्भ प्रतिमा (reference images), मॉकअप (mockups) किंवा स्क्रीनशॉट अपलोड करा. ड्रॅग (drag) आणि ड्रॉप (drop) करा, Ctrl+V ने पेस्ट (paste) करा किंवा जोडण्यासाठी क्लिक करा. व्हिजन-सक्षम (vision-capable) मॉडेल निवडणे आवश्यक आहे.

घटक (Components)

तुमच्या ब्लॉक लायब्ररीमधून (Block Library) पुन्हा वापरता येणारे घटक जोडा. AI हे तयार केलेल्या प्रोजेक्टमध्ये समाविष्ट करेल.

फाइल्स (Files)

AI ने जनरेशन दरम्यान (generation) विचारात घ्याव्यात अशा संदर्भ फाइल्स (reference files) समाविष्ट करा (उदा. विद्यमान कोड, डिझाइन स्पेसिफिकेशन्स (design specifications) किंवा डेटा स्कीमा (data schemas)).

तयार करा

क्लिक करा प्रोजेक्ट तयार करा वरच्या उजव्या कोपऱ्यात AI जनरेशन सुरू करण्यासाठी. AI तुमचे वर्णन आणि संदर्भ सामग्रीचे विश्लेषण करेल, आर्किटेक्चरची योजना करेल, फाइल स्ट्रक्चर (file structure) तयार करेल आणि सर्व सोर्स कोड (source code) आणि कॉन्फिगरेशन फाइल्स (configuration files) लिहील. प्रगती रिअल टाइममध्ये (real time) जागतिक कार्य व्यवस्थापक क्लोन (Clone) करा

Kaiju Hub AI वर दिसणारे सर्व तृतीय-पक्ष लोगो, ट्रेडमार्क आणि ब्रँड नावे त्यांच्या संबंधित मालकांच्या मालमत्ता आहेत. त्यांचा वापर केवळ ओळखीसाठी आहे आणि समर्थन, प्रायोजकत्व किंवा संलग्नता सूचित करत नाही.