Projecten aanmaken
Projectinstelling
Klik op de knop + Nieuw Project vanuit het Projectendashboard om de aanmaakwizard te openen. Het eerste scherm configureert de basis van je project voordat je een tech stack kiest.
Projectnaam
Voer een naam in voor je project. De naam wordt in realtime gevalideerd — het moet een geldige mapnaam zijn (geen speciale tekens zoals <>:"/\\|?*) en mag niet conflicteren met een bestaande map op de gekozen locatie.
Projectlocatie
De standaardmap waar je projectmap wordt aangemaakt. Klik op Bladeren om een andere map te kiezen. Het project wordt aangemaakt als een submap met de projectnaam.
Koppelen aan GitHub
Selecteer optioneel een GitHub-account om automatisch een externe repository aan te maken naast je lokale project. Kies "Geen (Gebruik GitHub niet standaard)" om dit over te slaan.
Kies platform
Selecteer een van de vier platformtegels om het type project te bepalen dat je bouwt. Elk platform toont een andere set framework- en technologiestackopties op het volgende scherm.
Leeg
CLI-tools, scripts, bibliotheken
Desktop
Native desktopapps
Web
Browsergebaseerde apps
Mobiel
Apparaatapplicaties
Buildtype
Kies hoe het project moet worden geïnitialiseerd:
Nieuwe installatie
Maakt een nieuw project aan met standaard frameworktools. Kaiju Hub AI voert de juiste CLI-commando's uit (bijv. npm create vite@latest, cargo init, npx create-tauri-app) en installeert alle afhankelijkheden.
AI-gegenereerd
Beschrijf wat je wilt bouwen en laat AI het hele project genereren. Je geeft een tekstbeschrijving en optionele referentieafbeeldingen, waarna AI alle broncode, configuratiebestanden en projectstructuur schrijft.
Na het configureren van het project, klik op Doorgaan naar Tech Stack om verder te gaan.
Lege projecten
Lege projecten zijn voor CLI-tools, scripts, zelfstandige applicaties en taalspecifieke starters. Kies je taal of runtime en Kaiju Hub AI maakt een minimale projectstructuur aan.
Taal / Runtime-opties
Sommige talen bevatten versiekiezers. Bijvoorbeeld, bij het selecteren van Python worden versieopties getoond (3.10, 3.11, 3.12, 3.13, 3.14, 3.15). De geselecteerde versie bepaalt welke Python-interpreter wordt gebruikt om de virtuele omgeving aan te maken.
Desktopprojecten
Desktopprojecten maken native desktopapplicaties. Kies een desktopframework, een frontendframework voor de UI en optioneel een database. Alle frontendframeworks komen vooraf geconfigureerd met TypeScript.
Desktopframework
Het native framework dat de desktopvenstershell en API's op systeemniveau biedt.
Frontendframework
Het UI-framework dat in het desktopvenster draait. Alle opties zijn vooraf geconfigureerd met TypeScript.
Database
Optionele database-integratie voor lokale of cloudgegevensopslag.
Webprojecten
Webprojecten maken browsergebaseerde applicaties. Begin met kiezen tussen Alleen frontend of Full-Stack om te bepalen welke frameworkopties beschikbaar zijn. Alle frameworks hebben standaard TypeScript ingeschakeld.
Alleen frontend
Zelfstandige UI-frameworks voor single-page apps en statische sites. Bevat een knop Aangepaste pakketten om je eigen npm-pakketten toe te voegen.
Full-Stack
Complete webframeworks met server-side rendering en ingebouwde API-routes.
Styling
Database
Mobiele projecten
Mobiele projecten maken apparaatapplicaties voor iOS en Android. Selecteer een mobiel framework, een SDK-versie en optioneel een database.
Mobiel framework
Kies het framework voor je mobiele applicatie. Een SDK-versieselector verschijnt voor frameworks die meerdere SDK-doelen ondersteunen.
SDK-versie
Voor frameworks zoals Expo selecteer je de SDK-versie (bijv. 52, 53, 54, 55). Dit bepaalt de basisafhankelijkheden en API-compatibiliteit.
Database
Optionele cloud- of lokale database voor je mobiele app.
Nieuwe installatie
Wanneer je kiest voor Nieuwe Installatie als buildtype, scaffoldt Kaiju Hub AI je project met standaard frameworktools. Na het selecteren van je tech stack, klik op Project Aanmaken en Kaiju Hub AI doet de rest.
Wat er gebeurt
1. Pakketbeheerder detecteren
Kaiju Hub AI detecteert automatisch welke pakketbeheerder op je systeem is geïnstalleerd (npm, yarn of pnpm).
2. Scaffoldcommando uitvoeren
Voert de juiste CLI-tool uit voor je gekozen stack. Bijvoorbeeld: npm create vite@latest voor React, cargo init voor Rust, npx create-tauri-app voor Tauri.
3. Afhankelijkheden installeren
Voert het installcommando van de pakketbeheerder uit om alle vereiste afhankelijkheden te downloaden en in te stellen.
4. Git initialiseren
Stelt een lokale Git-repository in met een initiële commit.
5. GitHub-repo aanmaken
Als je een GitHub-account hebt gekoppeld, wordt automatisch een externe repository aangemaakt en de initiële commit gepusht.
Het project verschijnt in je Projectendashboard zodra het aanmaken is voltooid, klaar om te openen en te beginnen met coderen.
AI-gegenereerd
Wanneer je kiest voor AI-Gegenereerd als buildtype, beschrijf je wat je wilt bouwen en de AI schrijft de volledige initiële codebase. Na het selecteren van je tech stack, klik op Project Aanmaken om het AI-generatiescherm te openen.
AI-modelselectie
Bovenaan het generatiescherm selecteer je een AI-provider en model. Je kunt kiezen uit elke geconfigureerde provider (OpenAI, Anthropic, Gemini, Grok, DeepSeek, Ollama) en het specifieke model kiezen voor codegeneratie.
Projectbeschrijving
Schrijf een gedetailleerde beschrijving van wat je wilt laten bouwen. Hoe specifieker je bent, hoe beter de resultaten. Vermeld de belangrijkste functies, pagina's, UI-patronen en eventuele integraties die je nodig hebt.
Goede voorbeelden:
- Een e-commercewebsite met productlijsten en winkelwagen
- Een taakbeheerdashboard met kanbanborden
- Een socialmediaplatform met gebruikersprofielen en feeds
- Een CRM-systeem met contactbeheer en analyses
Gebruik de knop Verbeteren met AI om je beschrijving automatisch uit te breiden met meer details. Je kunt ook met de middelste muisknop op het microfoonpictogram klikken om je beschrijving te dicteren met spraakinvoer.
Zijbalktabbladen
De linkerzijbalk biedt extra context voor de AI:
Afbeeldingen
Upload referentieafbeeldingen, mockups of screenshots om de AI te laten zien hoe je wilt dat de app eruitziet. Slepen en neerzetten, plakken met Ctrl+V of klikken om toe te voegen. Vereist dat een model met visuele mogelijkheden is geselecteerd.
Componenten
Voeg herbruikbare componenten toe vanuit je Blokbibliotheek. De AI zal deze opnemen in het gegenereerde project.
Bestanden
Voeg referentiebestanden toe die de AI moet overwegen tijdens het genereren (bijv. bestaande code, ontwerpspecificaties of dataschema's).
Genereren
Klik op Project Genereren rechtsboven om AI-generatie te starten. De AI analyseert je beschrijving en referentiematerialen, plant de architectuur, genereert de bestandsstructuur en schrijft alle broncode en configuratiebestanden. De voortgang wordt bijgehouden in de Globale Taakbeheerder in realtime.