Kaiju Hub AI

Opprette prosjekter

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)

Prosjektoppsett

Klikk på + Nytt prosjekt -knappen fra prosjektdashbordet for å åpne veiviseren for opprettelse. Det første skjermbildet konfigurerer grunnleggende innstillinger for prosjektet før du velger en teknologistack.

Prosjektnavn

Skriv inn et navn for prosjektet ditt. Navnet valideres i sanntid – det må være et gyldig mappenavn (ingen spesialtegn som <>:"/\\|?*) og må ikke komme i konflikt med en eksisterende mappe på den valgte plasseringen.

Prosjektplassering

Standardmappen der prosjektmappen din vil bli opprettet. Klikk Bla gjennom for å velge en annen mappe. Prosjektet opprettes som en undermappe ved hjelp av prosjektnavnet.

Lenke til GitHub

Velg eventuelt en GitHub-konto for automatisk å opprette et eksternt depot sammen med det lokale prosjektet. Velg "Ingen (ikke bruk GitHub som standard)" for å hoppe over dette.

Velg plattform

Velg en av fire plattformfliser for å bestemme typen prosjekt du bygger. Hver plattform viser et annet sett med rammeverks- og teknologistack-alternativer på neste skjerm.

Tomt

CLI-verktøy, skript, biblioteker

Skrivebord

Native desktop-apper

Nett

Nettbaserte apper

Mobil

Enhetsapplikasjoner

Byggtype

Velg hvordan prosjektet skal initialiseres:

Ny installasjon

Oppretter et nytt prosjekt ved hjelp av standard rammeverkverktøy. Kaiju Hub AI kjører de relevante CLI-kommandoene (f.eks. npm create vite@latest, cargo init, npx create-tauri-app) og installerer alle avhengighetene.

AI-generert

Beskriv hva du vil bygge, og la AI generere hele prosjektet. Du oppgir en tekstbeskrivelse og eventuelle referansebilder, og deretter skriver AI all kildekoden, konfigurasjonsfilene og prosjektstrukturen.

Etter at du har konfigurert prosjektinnstillingene, klikker du på Fortsett til teknologistack for å fortsette.

Tomme prosjekter

Tomme prosjekter er for CLI-verktøy, skript, frittstående applikasjoner og språkspesifikke oppstartsprosjekter. Velg språket eller kjøretiden, og Kaiju Hub AI vil opprette en minimal prosjektstruktur.

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

Språk-/kjøretidsalternativer

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

Noen språk inkluderer versjonsvelgere. For eksempel, ved å velge Python vises versjonsalternativer (3.10, 3.11, 3.12, 3.13, 3.14, 3.15). Den valgte versjonen bestemmer hvilken Python-tolk som brukes til å opprette det virtuelle miljøet.

Desktop-prosjekter

Desktop-prosjekter oppretter native desktop-applikasjoner. Velg et desktop-rammeverk, et frontend-rammeverk for brukergrensesnittet og eventuelt en database. Alle frontend-rammeverk er forhåndskonfigurert 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

Skrivebordsrammeverk

Det innebygde rammeverket som leverer skrivebordsvindusmiljøet og systemnivå-API-er.

Tauri + Rust
Electron
Flutter + Dart

Frontend-rammeverk

UI-rammeverket som kjører inne i skrivebordsvinduet. Alle alternativene er forhåndskonfigurert med TypeScript.

SolidJS
React
Vue
Svelte
Angular

Database

Valgfri databaseintegrasjon for lokal eller skybasert datalagring.

Supabase
SQLite
Realm
PostgreSQL
Convex

Web-prosjekter

Web-prosjekter oppretter nettbaserte applikasjoner. Start med å velge mellom Kun frontend eller Fullstakk for å bestemme hvilke rammeverkalternativer som er tilgjengelige. Alle rammeverk er TypeScript-aktivert som standard.

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

Kun frontend

Frittstående UI-rammeverk for enkelt-side-apper og statiske nettsteder. Inkluderer en knapp for egendefinerte pakker for å legge til dine egne npm-pakker.

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

Fullstakk

Komplette web-rammeverk med server-side-gjengivelse og API-ruter.

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

Stilsetting

Tailwind CSS

Database

Supabase
Firebase
Prisma
Convex

Mobilprosjekter

Mobilprosjekter oppretter enhetsapplikasjoner for iOS og Android. Velg et mobilrammeverk, en SDK-versjon og eventuelt en database.

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

Mobilrammeverk

Velg rammeverket for mobilapplikasjonen. En SDK-versjonsvelger vises for rammeverk som støtter flere SDK-mål.

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

SDK-versjon

For rammeverk som Expo, velg SDK-versjonen (f.eks. 52, 53, 54, 55). Dette bestemmer de grunnleggende avhengighetene og API-kompatibiliteten.

Database

Valgfri sky- eller lokal database for mobilappen.

Supabase
Firebase Firestore
SQLite
Realm
WatermelonDB

Ny installasjon

Når du velger Ny installasjon som byggetype, oppretter Kaiju Hub AI prosjektet ditt ved hjelp av standard rammeverkverktøy. Etter at du har valgt teknologistacken, klikker du på Opprett prosjekt , og Kaiju Hub AI håndterer resten.

Hva som skjer

1. Oppdag pakkehåndterer

Kaiju Hub AI oppdager automatisk hvilken pakkehåndterer som er installert på systemet ditt (npm, yarn eller pnpm).

2. Kjør opprettelseskommando

Kjører det relevante CLI-verktøyet for den valgte stacken. For eksempel: npm create vite@latest for React, cargo init for Rust, npx create-tauri-app for Tauri.

3. Installer avhengigheter

Kjører pakkehåndteringskommandoen for å laste ned og konfigurere alle nødvendige avhengigheter.

4. Initialiser Git

Oppretter et lokalt Git-depot med en første commit.

5. Opprett GitHub-depot

Hvis du koblet til en GitHub-konto, opprettes et eksternt depot automatisk og den første commiten sendes.

Prosjektet vises i prosjektdashbordet ditt når opprettelsen er fullført, og er klart til å åpnes og begynne å kode.

AI-generert

Når du velger AI-generert som byggetype, beskriver du hva du vil bygge, og AI skriver hele den første kodebasen. Etter at du har valgt teknologistacken, klikker du på Opprett prosjekt for å åpne skjermen for AI-generering.

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

AI-modellvalg

Øverst på genereringsskjermen velger du en AI-leverandør og -modell. Du kan velge en hvilken som helst konfigurert leverandør (OpenAI, Anthropic, Gemini, Grok, DeepSeek, Ollama) og velge den spesifikke modellen som skal brukes til kodegenerering.

Prosjektbeskrivelse

Skriv en detaljert beskrivelse av hva du vil bygge. Jo mer spesifikk du er, desto bedre blir resultatene. Inkluder hovedfunksjoner, sider, UI-mønstre og eventuelle integrasjoner du trenger.

Gode eksempler:

  • En nettbutikk med produktlister og handlekurv
  • Et dashbord for oppgavehåndtering med Kanban-tavler
  • En sosial medieplattform med brukerprofiler og feeds
  • Et CRM-system med kontaktadministrasjon og analyse

Bruk Forbedre med AI -knappen for automatisk å utvide beskrivelsen din med flere detaljer. Du kan også klikke midt på mikrofonikonet for å diktere beskrivelsen din ved hjelp av talegjenkjenning.

Sidefeltfaner

Sidefeltet til venstre gir ytterligere kontekst for AI:

Bilder

Last opp referansebilder, mockups eller skjermbilder for å vise AI hva du vil at appen skal se ut. Dra og slipp, lim inn med Ctrl+V, eller klikk for å legge til. Krever en modell som støtter visuell gjenkjenning for å være valgt.

Komponenter

Legg ved gjenbrukbare komponenter fra biblioteket ditt. AI vil inkludere disse i det genererte prosjektet.

Filer

Inkluder referansefiler som AI bør vurdere under genereringen (f.eks. eksisterende kode, designspesifikasjoner eller dataschemaer).

Generer

Klikk på Generer prosjekt øverst til høyre for å starte AI-genereringen. AI vil analysere beskrivelsen og referansematerialet, planlegge arkitekturen, generere filstrukturen og skrive all kildekode og konfigurasjonsfiler. Fremdriften spores i Global oppgavebehandler i sanntid.

Alle tredjepartslogoer, varemerker og merkenavn vist i Kaiju Hub AI tilhorer sine respektive eiere. Bruken er utelukkende til identifikasjonsformaal og innebaeerer ikke stotte, sponsing eller tilknytning.