Kaiju Hub AI

Proje Olusturma

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)

Proje Kurulumu

Click the + Yeni Proje düğmesine Proje Panosundan tıklayarak oluşturma sihirbazını açın. İlk ekran, teknoloji yığınını seçmeden önce projenizin temellerini yapılandırır.

Proje Adi

Projeniz icin bir ad girin. Ad gercek zamanli olarak dogrulanir — gecerli bir klasor adi olmalidir (<>:"/\\|?* gibi ozel karakterler icermemelidir) ve secilen konumdaki mevcut bir klasorle cakismamalidir.

Proje Konumu

Proje klasorunuzun olusturulacagi varsayilan dizin. Farkli bir dizin secmek icin Goz At'a tiklayin. Proje, proje adini kullanarak bir alt klasor olarak olusturulur.

GitHub'a Bagla

Yerel projenizin yaninda otomatik olarak bir uzak depo olusturmak icin istege bagli olarak bir GitHub hesabi secin. Bunu atlamak icin "Hicbiri (GitHub'i varsayilan olarak kullanma)" secenegini secin.

Platform Secin

Olusturadiginiz proje turunu belirlemek icin dort platform kutucugundan birini secin. Her platform, bir sonraki ekranda farkli bir framework ve teknoloji yigini secenekleri seti gosterir.

Blank

CLI araclari, betikler, kutuphaneler

Desktop

Yerel masaustu uygulamalari

Web

Tarayici tabanli uygulamalar

Mobile

Cihaz uygulamalari

Derleme Turu

Projenin nasil baslatilacagini secin:

Temiz Kurulum

Standart framework araclari kullanarak yeni bir proje iskeleleri olusturur. Kaiju Hub AI uygun CLI komutlarini calistirir (ornegin npm create vite@latest, cargo init, npx create-tauri-app) ve tum bagimliliklari yukler.

Yapay Zeka Uretimi

Ne olusturmak istediginizi tarif edin ve yapay zekanin tum projeyi olusturmasini saglayin. Bir metin aciklamasi ve istege bagli referans gorselleri saglarsiniz, ardindan yapay zeka tum kaynak kodu, yapilandirma dosyalarini ve proje yapisini yazar.

Proje kurulumunu yapılandırdıktan sonra Teknoloji Yığınına Devam Et düğmesine tıklayarak devam edin.

Bos Projeler

Bos projeler, CLI araclari, betikler, bagimsiz uygulamalar ve dile ozel baslangiclar icindir. Dilinizi veya calisma zamaninizi secin, Kaiju Hub AI minimal bir proje yapisi olusturacaktir.

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

Dil / Calisma Zamani Secenekleri

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

Bazı diller sürüm seçicileri içerir. Örneğin, Python seçildiğinde sürüm seçenekleri (3.10, 3.11, 3.12, 3.13, 3.14, 3.15) gösterilir. Seçilen sürüm, sanal ortam oluşturmak için hangi Python yorumlayıcısının kullanılacağını belirler.

Masaustu Projeleri

Masaustu projeleri, yerel masaustu uygulamalari olusturur. Bir masaustu framework'u, kullanici arayuzu icin bir on yuz framework'u ve istege bagli olarak bir veritabani secin. Tum on yuz framework'leri TypeScript ile onceden yapilandirilmis olarak gelir.

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

Masaustu Framework

Masaustu pencere kabugu ve sistem duzeyinde API'ler saglayan yerel framework.

Tauri + Rust
Electron
Flutter + Dart

On Yuz Framework

Masaustu penceresinin icinde calisan UI framework. Tum secenekler TypeScript ile onceden yapilandirilmistir.

SolidJS
React
Vue
Svelte
Angular

Veritabani

Yerel veya bulut veri depolama icin istege bagli veritabani entegrasyonu.

Supabase
SQLite
Realm
PostgreSQL
Convex

Web Projeleri

Web projeleri tarayıcı tabanlı uygulamalar oluşturur. Önce şunlar arasında seçim yaparak başlayın: Frontend Only veya Full-Stack hangi framework seçeneklerinin mevcut olduğunu belirlemek için. Tüm frameworklerde TypeScript varsayılan olarak etkindir.

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

Frontend Only

Tek sayfa uygulamalar ve statik siteler icin bagimsiz UI framework'leri. Kendi npm paketlerinizi eklemek icin Ozel Paketler dugmesi icerir.

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

Sunucu tarafli isletme ve yerlesik API rotalari ile eksiksiz web framework'leri.

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

Stillendirme

Tailwind CSS

Veritabani

Supabase
Firebase
Prisma
Convex

Mobil Projeler

Mobil projeler, iOS ve Android icin cihaz uygulamalari olusturur. Bir mobil framework, bir SDK surumu ve istege bagli olarak bir veritabani secin.

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

Mobil Framework

Mobil uygulamaniz icin framework'u secin. Birden fazla SDK hedefini destekleyen framework'ler icin SDK surumu secici goruntulenir.

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

SDK Surumu

Expo gibi framework'ler icin SDK surumunu secin (ornegin 52, 53, 54, 55). Bu, temel bagimliliklari ve API uyumlulugunu belirler.

Veritabani

Mobil uygulamaniz icin istege bagli bulut veya yerel veritabani.

Supabase
Firebase Firestore
SQLite
Realm
WatermelonDB

Temiz Kurulum

When you choose Yeni Kurulum yapı türü olarak seçtiğinizde, Kaiju Hub AI standart framework araçlarını kullanarak projenizi iskelet olarak oluşturur. Teknoloji yığınını seçtikten sonra Proje Oluştur düğmesine tıklayın, gerisini Kaiju Hub AI halleder.

Ne Olur

1. Paket Yoneticisini Algila

Kaiju Hub AI, sisteminizde hangi paket yoneticisinin yuklu oldugunu (npm, yarn veya pnpm) otomatik olarak algilar.

2. Iskele Komutunu Calistir

Sectiginiz yigin icin uygun CLI aracini calistirir. Ornegin: React icin npm create vite@latest, Rust icin cargo init, Tauri icin npx create-tauri-app.

3. Bagimliliklari Yukle

Gerekli tum bagimliliklari indirmek ve kurmak icin paket yoneticisi yukleme komutunu calistirir.

4. Git'i Baslat

Baslangic commit'i ile yerel bir Git deposu olusturur.

5. GitHub Deposu Olustur

Bir GitHub hesabi bagladiyseniz, otomatik olarak uzak bir depo olusturur ve baslangic commit'ini gonderir.

Olusturma tamamlandiginda proje, Projeler Panosu'nda gorunur ve acip kodlamaya baslamaya hazirdir.

Yapay Zeka Uretimi

When you choose AI ile Oluşturulmuş yapı türü olarak seçtiğinizde, ne oluşturmak istediğinizi tanımlarsınız ve AI tüm başlangıç kod tabanını yazar. Teknoloji yığınını seçtikten sonra Proje Oluştur düğmesine tıklayarak AI oluşturma ekranını açın.

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

Yapay Zeka Model Secimi

Uretim ekraninin ust kisminda bir yapay zeka saglayicisi ve model secin. Yapilandirilmis herhangi bir saglayicidan (OpenAI, Anthropic, Gemini, Grok, DeepSeek, Ollama) secim yapabilir ve kod uretimi icin kullanilacak belirli modeli secebilirsiniz.

Proje Aciklamasi

Ne olusturulmasini istediginizin ayrintili bir aciklamasini yazin. Ne kadar spesifik olursaniz, sonuclar o kadar iyi olur. Ana ozellikleri, sayfalari, UI kaliplarini ve ihtiyac duydugunuz entegrasyonlari ekleyin.

Iyi Ornekler:

  • Ürün listeleri ve alışveriş sepeti olan bir e-ticaret sitesi
  • Kanban panoları olan bir görev yönetimi panosu
  • Kullanıcı profilleri ve akışları olan bir sosyal medya platformu
  • Kişi yönetimi ve analitik içeren bir CRM sistemi

Use the AI ile Geliştir düğmesini kullanarak açıklamanızı otomatik olarak daha fazla ayrıntıyla genişletin. Ayrıca mikrofon simgesine orta tıklayarak sesli girişle açıklamanızı dikte edebilirsiniz.

Kenar Cubugu Sekmeleri

Sol kenar cubugu yapay zeka icin ek baglam saglar:

Gorseller

Yapay zekaya uygulamanin nasil gorunmesini istediginizi gostermek icin referans gorselleri, maketler veya ekran goruntulerini yukleyin. Surukleyip birakin, Ctrl+V ile yapistirin veya eklemek icin tiklayin. Gorme yetenekli bir modelin secilmesi gerekir.

Bilesenler

Blok Kutuphanenizden yeniden kullanilabilir bilesenler ekleyin. Yapay zeka bunlari olusturulan projeye dahil edecektir.

Dosyalar

Yapay zekanin uretim sirasinda dikkate almasi gereken referans dosyalarini ekleyin (ornegin mevcut kod, tasarim ozellikleri veya veri semalari).

Olustur

Click Proje Oluştur sağ üstte tıklayarak AI oluşturmayı başlatın. AI açıklamanızı ve referans materyallerinizi analiz edecek, mimariyi planlayacak, dosya yapısını oluşturacak ve tüm kaynak kodu ve yapılandırma dosyalarını yazacaktır. İlerleme Genel Görev Yöneticisi ile gerçek zamanlı olarak izlenir.

Kaiju Hub AI'da görüntülenen tüm üçüncü taraf logoları, ticari markaları ve marka adları ilgili sahiplerinin mülkiyetindedir. Bunların kullanımı yalnızca tanımlama amaçlıdır ve onay, sponsorluk veya bağlılık anlamına gelmez.