Kaiju Hub AI

Crearea de proiecte

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)

Configurare proiect

Faceți clic pe + Proiect nou din Panoul de proiecte pentru a deschide asistentul de creare. Prima ecran configurează elementele de bază ale proiectului dumneavoastră înainte de a alege un set de tehnologii.

Nume proiect

Introduceți un nume pentru proiectul dumneavoastră. Numele este validat în timp real — trebuie să fie un nume de folder valid (fără caractere speciale precum <>:"/\\|?*) și nu trebuie să intre în conflict cu un folder existent în locația aleasă.

Locația proiectului

Directorul implicit în care va fi creat folderul proiectului dumneavoastră. Faceți clic pe Browse pentru a alege un alt director. Proiectul este creat ca un subfolder folosind numele proiectului.

Link către GitHub

Opțional, selectați un cont GitHub pentru a crea automat un depozit de la distanță împreună cu proiectul dumneavoastră local. Alegeți „None (Nu utilizați GitHub în mod implicit)” pentru a omite acest pas.

Alegeți platforma

Selectați una dintre cele patru tile de platformă pentru a determina tipul de proiect pe care îl construiți. Fiecare platformă afișează un set diferit de opțiuni de framework și tehnologie în ecranul următor.

Gol

Instrumente CLI, scripturi, biblioteci

Desktop

Aplicații desktop native

Web

Aplicații bazate pe browser

Mobil

Aplicații pentru dispozitive

Tip de construire

Alegeți modul în care proiectul ar trebui să fie inițializat:

Instalare nouă

Generează un proiect nou folosind instrumentele standard ale framework-ului. Kaiju Hub AI execută comenzile CLI corespunzătoare (de exemplu, npm create vite@latest, cargo init, npx create-tauri-app) și instalează toate dependențele.

Generat de AI

Descrieți ce doriți să construiți și lăsați AI-ul să genereze întregul proiect. Furnizați o descriere text și imagini de referință opționale, apoi AI-ul scrie tot codul sursă, fișierele de configurare și structura proiectului.

După configurarea setărilor proiectului, faceți clic pe Continuă către Setul de tehnologii pentru a continua.

Proiecte goale

Proiectele goale sunt pentru instrumente CLI, scripturi, aplicații independente și puncte de plecare specifice limbajului. Alegeți limbajul sau mediul de execuție și Kaiju Hub AI va genera o structură de proiect minimală.

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

Opțiuni pentru limbaj/mediu de execuție

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

Unele limbaje includ selectoare de versiune. De exemplu, selectarea Python afișează opțiuni de versiune (3.10, 3.11, 3.12, 3.13, 3.14, 3.15). Versiunea selectată determină ce interpretor Python este utilizat pentru a crea mediul virtual.

Proiecte desktop

Proiectele desktop creează aplicații desktop native. Alegeți un framework desktop, un framework frontend pentru interfața cu utilizatorul și, opțional, o bază de date. Toate framework-urile frontend sunt configurate în prealabil cu 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

Framework desktop

Framework-ul nativ care oferă interfața grafică a aplicației desktop și API-urile la nivel de sistem.

Tauri + Rust
Electron
Flutter + Dart

Framework frontend

Framework-ul UI care rulează în interiorul ferestrei aplicației desktop. Toate opțiunile sunt preconfigurate cu TypeScript.

SolidJS
React
Vue
Svelte
Angular

Bază de date

Integrare opțională a bazei de date pentru stocarea datelor local sau în cloud.

Supabase
SQLite
Realm
PostgreSQL
Convex

Proiecte web

Proiectele web creează aplicații bazate pe browser. Începeți prin a alege între Doar frontend sau Full-stack pentru a determina ce opțiuni de framework sunt disponibile. Toate framework-urile sunt activate cu TypeScript în mod implicit.

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

Doar frontend

Framework-uri UI independente pentru aplicații cu o singură pagină și site-uri statice. Include un buton Pachete personalizate pentru a adăuga propriile pachete npm.

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

Full-stack

Framework-uri web complete, cu randare pe partea serverului și rute API integrate.

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

Stilizare

Tailwind CSS

Bază de date

Supabase
Firebase
Prisma
Convex

Proiecte mobile

Proiectele mobile creează aplicații pentru dispozitive iOS și Android. Selectați un framework mobil, o versiune SDK și, opțional, o bază de date.

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

Framework mobil

Alegeți framework-ul pentru aplicația dumneavoastră mobilă. Apare un selector de versiune SDK pentru framework-urile care acceptă mai multe ținte SDK.

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

Versiunea SDK

Pentru framework-uri precum Expo, selectați versiunea SDK (de exemplu, 52, 53, 54, 55). Aceasta determină dependențele de bază și compatibilitatea API.

Bază de date

Bază de date opțională, în cloud sau locală, pentru aplicația dumneavoastră mobilă.

Supabase
Firebase Firestore
SQLite
Realm
WatermelonDB

Instalare nouă

Când alegeți Instalare nouă ca tip de construire, Kaiju Hub AI generează proiectul dumneavoastră folosind instrumentele standard ale framework-ului. După selectarea setului de tehnologii, faceți clic pe Creează proiect și Kaiju Hub AI se ocupă de restul.

Ce se întâmplă

1. Detectează managerul de pachete

Kaiju Hub AI detectează automat ce manager de pachete este instalat pe sistemul dumneavoastră (npm, yarn sau pnpm).

2. Execută comanda de generare

Execută instrumentul CLI corespunzător pentru setul de tehnologii ales. De exemplu: npm create vite@latest pentru React, cargo init pentru Rust, npx create-tauri-app pentru Tauri.

3. Instalează dependențele

Execută comanda de instalare a managerului de pachete pentru a descărca și a configura toate dependențele necesare.

4. Inițializează Git

Configurează un depozit Git local cu un commit inițial.

5. Creează depozitul GitHub

Dacă ați conectat un cont GitHub, creează automat un depozit de la distanță și face push cu commit-ul inițial.

Proiectul apare în Panoul de proiecte după finalizarea creării, fiind gata pentru a fi deschis și pentru a începe codarea.

Generat de AI

Când alegeți Generat de AI ca tip de construire, descrieți ce doriți să construiți, iar AI-ul scrie întregul cod sursă inițial. După selectarea setului de tehnologii, faceți clic pe Creează proiect pentru a deschide ecranul de generare AI.

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

Selecția modelului AI

În partea de sus a ecranului de generare, selectați un furnizor și un model AI. Puteți alege orice furnizor configurat (OpenAI, Anthropic, Gemini, Grok, DeepSeek, Ollama) și puteți alege modelul specific pe care doriți să-l utilizați pentru generarea de cod.

Descrierea proiectului

Scrieți o descriere detaliată a ceea ce doriți să construiți. Cu cât sunteți mai specific, cu atât mai bune vor fi rezultatele. Includeți caracteristici principale, pagini, modele UI și orice integrări de care aveți nevoie.

Exemple bune:

  • Un site web de comerț electronic cu listări de produse și coș de cumpărături
  • Un tablou de bord de gestionare a sarcinilor cu tablouri Kanban
  • O platformă de socializare cu profiluri de utilizator și fluxuri
  • Un sistem CRM cu gestionarea contactelor și analize

Utilizați butonul Îmbunătățește cu AI pentru a extinde automat descrierea cu mai multe detalii. De asemenea, puteți face clic cu butonul din mijloc pe pictograma microfonului pentru a dicta descrierea folosind intrarea vocală.

File de navigare laterală

Panoul din stânga oferă un context suplimentar pentru AI:

Imagini

Încărcați imagini de referință, machete sau capturi de ecran pentru a arăta AI-ului cum doriți să arate aplicația. Trageți și plasați, lipiți cu Ctrl+V sau faceți clic pentru a adăuga. Necesită un model capabil de vizualizare pentru a fi selectat.

Componente

Atașați componente reutilizabile din Biblioteca de blocuri. AI-ul le va încorpora în proiectul generat.

Fișiere

Includeți fișiere de referință pe care AI-ul ar trebui să le ia în considerare în timpul generării (de exemplu, cod existent, specificații de proiectare sau scheme de date).

Generează

Faceți clic pe Generează proiect în colțul din dreapta sus pentru a începe generarea AI. AI-ul va analiza descrierea și materialele de referință, va planifica arhitectura, va genera structura fișierelor și va scrie tot codul sursă și fișierele de configurare. Progresul este urmărit în Managerul de sarcini global în timp real.

Toate logo-urile, marcile inregistrate si numele de brand terte afisate pe Kaiju Hub AI sunt proprietatea detinatorilor respectivi. Utilizarea lor este exclusiv in scopuri de identificare si nu implica sustinere, sponsorizare sau afiliere.