Kaiju Hub AI

Oprettelse af projekter

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)

Projektopsætning

Klik på + Nyt projekt knappen i Projekt-dashboardet for at åbne guiden til oprettelse. Den første skærm konfigurerer de grundlæggende indstillinger for dit projekt, før du vælger en teknologistak.

Projektnavn

Indtast et navn til dit projekt. Navnet valideres i realtid – det skal være et gyldigt mappenavn (ingen specialtegn som <>:"/\\|?*) og må ikke være i konflikt med en eksisterende mappe på den valgte placering.

Projektplacering

Standardmappen, hvor din projektmappe oprettes. Klik på Gennemse for at vælge en anden mappe. Projektet oprettes som en undermappe ved hjælp af projektnavnet.

Link til GitHub

Vælg eventuelt en GitHub-konto for automatisk at oprette et eksternt repository sammen med dit lokale projekt. Vælg "Ingen (Brug ikke GitHub som standard)" for at springe dette over.

Vælg platform

Vælg en af de fire platformfliser for at bestemme den type projekt, du opretter. Hver platform viser et andet sæt framework- og teknologiske stakmuligheder på den næste skærm.

Tom

CLI-værktøjer, scripts, biblioteker

Skrivebord

Native desktop-apps

Web

Browserbaserede apps

Mobil

Enhedsapplikationer

Byggetype

Vælg, hvordan projektet skal initialiseres:

Ny installation

Opretter et nyt projekt ved hjælp af standardværktøjer. Kaiju Hub AI kører de relevante CLI-kommandoer (f.eks. npm create vite@latest, cargo init, npx create-tauri-app) og installerer alle afhængigheder.

AI-genereret

Beskriv, hvad du vil bygge, og lad AI generere hele projektet. Du angiver en tekstbeskrivelse og eventuelle referencebilleder, hvorefter AI skriver al kildekode, konfigurationsfiler og projektstruktur.

Efter at have konfigureret projektopsætningen, skal du klikke på Fortsæt til teknologistak for at fortsætte.

Tomme projekter

Tomme projekter er beregnet til CLI-værktøjer, scripts, selvstændige applikationer og sprogspecifikke startprojekter. Vælg dit sprog eller runtime, og Kaiju Hub AI opretter 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

Sprog-/Runtime-indstillinger

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

Nogle sprog indeholder versionsvælgere. For eksempel, når du vælger Python vises versionsindstillingerne (3.10, 3.11, 3.12, 3.13, 3.14, 3.15). Den valgte version bestemmer, hvilken Python-fortolker der bruges til at oprette det virtuelle miljø.

Desktop-projekter

Desktop-projekter opretter native desktop-applikationer. Vælg et desktop-framework, et frontend-framework til brugergrænsefladen og eventuelt en database. Alle frontend-frameworks er forudkonfigurerede 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

Desktop-framework

Det indbyggede framework, der leverer desktop-vinduesgrænsefladen og systemniveau-API'er.

Tauri + Rust
Electron
Flutter + Dart

Frontend-framework

UI-frameworket, der kører inde i desktop-vinduet. Alle muligheder er forudkonfigurerede med TypeScript.

SolidJS
React
Vue
Svelte
Angular

Database

Valgfri databaseintegration til lokal eller cloud-datalagring.

Supabase
SQLite
Realm
PostgreSQL
Convex

Webprojekter

Webprojekter opretter browserbaserede applikationer. Start med at vælge mellem Kun frontend eller Fuldstændig for at bestemme, hvilke framework-indstillinger der er tilgængelige. Alle frameworks er som standard aktiveret med TypeScript.

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

Kun frontend

Selvstændige UI-frameworks til single-page-apps og statiske websteder. Indeholder en knap "Brugerdefinerede pakker", hvor du kan tilføje 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

Fuldstændig

Komplette webframeworks med server-side rendering og API-ruter.

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

Stilindstillinger

Tailwind CSS

Database

Supabase
Firebase
Prisma
Convex

Mobilprojekter

Mobilprojekter opretter enhedsapplikationer til iOS og Android. Vælg et mobilframework, en SDK-version 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

Mobilframework

Vælg frameworket til din mobilapplikation. En SDK-versionsvælger vises for frameworks, der understøtter flere SDK-mål.

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

SDK-version

For frameworks som Expo skal du vælge SDK-versionen (f.eks. 52, 53, 54, 55). Dette bestemmer de grundlæggende afhængigheder og API-kompatibiliteten.

Database

Valgfri cloud- eller lokal database til din mobilapp.

Supabase
Firebase Firestore
SQLite
Realm
WatermelonDB

Ny installation

Når du vælger Ny installation som byggetype, opretter Kaiju Hub AI dit projekt ved hjælp af standardframework-værktøjer. Efter at have valgt din teknologistak, skal du klikke på Opret projekt , og Kaiju Hub AI håndterer resten.

Hvad der sker

1. Registrer pakkehåndtering

Kaiju Hub AI registrerer automatisk, hvilken pakkehåndtering der er installeret på dit system (npm, yarn eller pnpm).

2. Kør oprettelseskommando

Udfører det relevante CLI-værktøj for dit valgte framework. For eksempel: npm create vite@latest for React, cargo init for Rust, npx create-tauri-app for Tauri.

3. Installer afhængigheder

Kører pakkehåndteringskommandoen for at downloade og konfigurere alle nødvendige afhængigheder.

4. Initialiser Git

Opretter et lokalt Git-repository med en indledende commit.

5. Opret GitHub-repository

Hvis du har knyttet en GitHub-konto, oprettes der automatisk et eksternt repository, og den indledende commit pushes.

Projektet vises i dit Projekt-dashboard, når oprettelsen er fuldført, og er klar til at blive åbnet og påbegyndt.

AI-genereret

Når du vælger AI-genereret som byggetype beskriver du, hvad du vil have bygget, og AI skriver hele den indledende kodebase. Efter at have valgt din teknologistak, skal du klikke på Opret projekt for at åbne AI-genereringsskærmen.

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

AI-modelvalg

Vælg en AI-udbyder og -model øverst på genereringsskærmen. Du kan vælge en hvilken som helst konfigureret udbyder (OpenAI, Anthropic, Gemini, Grok, DeepSeek, Ollama) og vælge den specifikke model, der skal bruges til kodegenerering.

Projektbeskrivelse

Skriv en detaljeret beskrivelse af, hvad du vil have bygget. Jo mere specifik du er, jo bedre bliver resultaterne. Inkluder vigtige funktioner, sider, UI-mønstre og eventuelle integrationer, du har brug for.

Gode eksempler:

  • En e-handelswebsted med produktlister og indkøbskurv
  • Et dashboard til opgavestyring med Kanban-tavler
  • En social medieplatform med brugerprofiler og feeds
  • Et CRM-system med kontaktstyring og analyse

Brug Forbedr med AI knappen for automatisk at udvide din beskrivelse med flere detaljer. Du kan også klikke på mikrofonikonet for at diktere din beskrivelse ved hjælp af stemmeinput.

Sidebjælke-faner

Sidebjælken giver yderligere kontekst til AI:

Billeder

Upload referencebilleder, mockups eller skærmbilleder for at vise AI, hvordan du ønsker, at appen skal se ud. Træk og slip, indsæt med Ctrl+V, eller klik for at tilføje. Kræver en model, der understøtter visuel analyse.

Komponenter

Vedhæft genanvendelige komponenter fra dit blokbibliotek. AI vil inkorporere disse i det genererede projekt.

Filer

Inkluder referencefiler, som AI skal overveje under genereringen (f.eks. eksisterende kode, designspecifikationer eller dataschemaer).

Generer

Klik på Generer projekt øverst til højre for at starte AI-genereringen. AI vil analysere din beskrivelse og referencemateriale, planlægge arkitekturen, generere filstrukturen og skrive al kildekode og konfigurationsfiler. Fremskridt spores i Global opgavestyring i realtid.

Alle tredjepartslogoer, vaeremaerker og brandnavne vist i Kaiju Hub AI tilhoerer deres respektive ejere. Deres brug er udelukkende til identifikationsformaal og indeboerer ikke stotte, sponsorat eller tilknytning.