Kaiju Hub AI

Skapa projekt

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)

Projektinstallning

Klicka på knappen + Nytt Projekt från Projektpanelen för att öppna skapandeguiden. Den första skärmen konfigurerar grunderna för ditt projekt innan du väljer en teknikstack.

Projektnamn

Ange ett namn for ditt projekt. Namnet valideras i realtid — det maste vara ett giltigt mappnamn (inga specialtecken som <>:"/\|?*) och far inte vara i konflikt med en befintlig mapp pa den valda platsen.

Projektplats

Standardkatalogen dar din projektmapp skapas. Klicka pa Blastra for att valja en annan katalog. Projektet skapas som en undermapp med projektnamnet.

Lanka till GitHub

Valj valfritt ett GitHub-konto for att automatiskt skapa ett fjarrrepositorium tillsammans med ditt lokala projekt. Valj "Ingen (Anvand inte GitHub som standard)" for att hoppa over detta.

Valj plattform

Valj en av fyra plattformspaneler for att bestamma vilken typ av projekt du bygger. Varje plattform visar olika ramverks- och teknikstackalternativ pa nasta skarm.

Tom

CLI-verktyg, skript, bibliotek

Skrivbord

Nativa skrivbordsappar

Webb

Webblasarbaserade appar

Mobil

Enhetsapplikationer

Byggtyp

Valj hur projektet ska initieras:

Nyinstallation

Scaffoldar ett nytt projekt med standardramverksverktyg. Kaiju Hub AI kor lampliga CLI-kommandon (t.ex. npm create vite@latest, cargo init, npx create-tauri-app) och installerar alla beroenden.

AI-genererad

Beskriv vad du vill bygga och lat AI generera hela projektet. Du anger en textbeskrivning och valfria referensbilder, sedan skriver AI all kallkod, konfigurationsfiler och projektstruktur.

Efter att ha konfigurerat projektet, klicka på Fortsätt till Teknikstack för att fortsätta.

Tomma projekt

Tomma projekt ar for CLI-verktyg, skript, fristaende applikationer och sprakspecifika startprojekt. Valj ditt sprak eller din korsmiljo sa scaffoldar Kaiju Hub AI en minimal projektstruktur.

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

Sprak-/korsmiljoalternativ

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

Vissa språk inkluderar versionsväljare. Till exempel, när du väljer Python visas versionsalternativ (3.10, 3.11, 3.12, 3.13, 3.14, 3.15). Den valda versionen bestämmer vilken Python-tolk som används för att skapa den virtuella miljön.

Skrivbordsprojekt

Skrivbordsprojekt skapar nativa skrivbordsapplikationer. Valj ett skrivbordsramverk, ett frontend-ramverk for anvandardgranssnittet och valfritt en databas. Alla frontend-ramverk levereras forkonfigurerade med 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

Skrivbordsramverk

Det nativa ramverket som tillhandahaller skrivbordsfonstrskalet och API:er pa systemniva.

Tauri + Rust
Electron
Flutter + Dart

Frontend-ramverk

UI-ramverket som kor inuti skrivbordsfonsterret. Alla alternativ ar forkonfigurerade med TypeScript.

SolidJS
React
Vue
Svelte
Angular

Databas

Valfri databasintegration for lokal eller molnbaserad datalagring.

Supabase
SQLite
Realm
PostgreSQL
Convex

Webbprojekt

Webbprojekt skapar webbläsarbaserade applikationer. Börja med att välja mellan Enbart frontend eller Fullstack för att bestämma vilka ramverksalternativ som finns tillgängliga. Alla ramverk har TypeScript aktiverat som standard.

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

Enbart frontend

Fristaende UI-ramverk for ensidiga applikationer och statiska webbplatser. Inkluderar en knapp for anpassade paket for att lagga till dina egna npm-paket.

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

Fullstack

Kompletta webbramverk med server-side rendering och API-rutter inbyggda.

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

Stilsattning

Tailwind CSS

Databas

Supabase
Firebase
Prisma
Convex

Mobilprojekt

Mobilprojekt skapar enhetsapplikationer for iOS och Android. Valj ett mobilramverk, en SDK-version och valfritt en databas.

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

Mobilramverk

Valj ramverket for din mobilapplikation. En SDK-versionsvaljare visas for ramverk som stoder flera SDK-mal.

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

SDK-version

For ramverk som Expo, valj SDK-versionen (t.ex. 52, 53, 54, 55). Detta bestammer basberoenden och API-kompatibilitet.

Databas

Valfri moln- eller lokal databas for din mobilapp.

Supabase
Firebase Firestore
SQLite
Realm
WatermelonDB

Nyinstallation

När du väljer Nyinstallation som byggtyp skapar Kaiju Hub AI ett skelett för ditt projekt med standardramverksverktyg. Efter att ha valt din teknikstack, klicka på Skapa Projekt och Kaiju Hub AI tar hand om resten.

Vad hander

1. Identifiera pakethanterare

Kaiju Hub AI identifierar automatiskt vilken pakethanterare som ar installerad pa ditt system (npm, yarn eller pnpm).

2. Kor scaffold-kommando

Kor lampligt CLI-verktyg for din valda stack. Till exempel: npm create vite@latest for React, cargo init for Rust, npx create-tauri-app for Tauri.

3. Installera beroenden

Kor pakethanterarens installationskommando for att ladda ner och konfigurera alla nodvandiga beroenden.

4. Initiera Git

Satter upp ett lokalt Git-repositorium med en initial commit.

5. Skapa GitHub-repo

Om du lankade ett GitHub-konto skapas automatiskt ett fjarrrepositorium och den initiala committen pushas.

Projektet visas pa din projektinstrumentpanel nar skapandet ar klart, redo att oppnas och borja kodas.

AI-genererad

När du väljer AI-Genererat som byggtyp beskriver du vad du vill bygga och AI skriver hela den initiala kodbasen. Efter att ha valt din teknikstack, klicka på Skapa Projekt för att öppna AI-genereringsskärmen.

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

AI-modellval

Langst upp pa genereringsskarmen valjer du en AI-leverantor och modell. Du kan valja bland alla konfigurerade leverantorer (OpenAI, Anthropic, Gemini, Grok, DeepSeek, Ollama) och valja den specifika modellen for kodgenerering.

Projektbeskrivning

Skriv en detaljerad beskrivning av vad du vill bygga. Ju mer specifik du ar, desto battre resultat far du. Inkludera huvudfunktioner, sidor, UI-monster och eventuella integrationer du behover.

Bra exempel:

  • En e-handelswebbplats med produktlistor och kundvagn
  • En uppgiftshanteringspanel med kanban-tavlor
  • En plattform för sociala medier med användarprofiler och flöden
  • Ett CRM-system med kontakthantering och analys

Använd knappen Förbättra med AI för att automatiskt expandera din beskrivning med mer detaljer. Du kan också mellanklicka på mikrofonikonen för att diktera din beskrivning med röstinmatning.

Sidofaltsflikar

Vanstra sidofaltet ger ytterligare kontext for AI:n:

Bilder

Ladda upp referensbilder, mockuper eller skarmbilder for att visa AI:n hur du vill att appen ska se ut. Dra och slapp, klistra in med Ctrl+V eller klicka for att lagga till. Kraver att en visionkapabel modell ar vald.

Komponenter

Bifoga atervandbara komponenter fran ditt Blockbibliotek. AI:n kommer att inkorporera dessa i det genererade projektet.

Filer

Inkludera referensfiler som AI:n bor beakta under genereringen (t.ex. befintlig kod, designspecifikationer eller datascheman).

Generera

Klicka på Generera Projekt uppe till höger för att starta AI-generering. AI kommer att analysera din beskrivning och referensmaterial, planera arkitekturen, generera filstrukturen och skriva all källkod och konfigurationsfiler. Framstegen spåras i Globala Uppgiftshanteraren i realtid.

Alla tredjepartslogotyper, varumärken och varumärken som visas i Kaiju Hub AI är deras respektive ägares egendom. Deras användning är endast i identifieringssyfte och innebär inte stöd, sponsring eller anslutning.