Projekte erstellen
Projekteinrichtung
Klicken Sie auf die Schaltfläche + Neues Projekt im Projekt-Dashboard, um den Erstellungsassistenten zu öffnen. Der erste Bildschirm konfiguriert die Grundlagen Ihres Projekts, bevor Sie einen Tech Stack wählen.
Projektname
Geben Sie einen Namen für Ihr Projekt ein. Der Name wird in Echtzeit validiert — er muss ein gültiger Ordnername sein (keine Sonderzeichen wie <>:"/\\|?*) und darf nicht mit einem vorhandenen Ordner am gewählten Speicherort in Konflikt stehen.
Projektspeicherort
Das Standardverzeichnis, in dem Ihr Projektordner erstellt wird. Klicken Sie auf Durchsuchen, um ein anderes Verzeichnis zu wählen. Das Projekt wird als Unterordner mit dem Projektnamen erstellt.
Mit GitHub verknüpfen
Wählen Sie optional ein GitHub-Konto aus, um automatisch ein Remote-Repository neben Ihrem lokalen Projekt zu erstellen. Wählen Sie „Keines (GitHub standardmäßig nicht verwenden)", um dies zu überspringen.
Plattform wählen
Wählen Sie eine von vier Plattformkacheln, um den Typ des Projekts zu bestimmen, das Sie erstellen. Jede Plattform zeigt auf dem nächsten Bildschirm unterschiedliche Framework- und Tech-Stack-Optionen.
Leer
CLI-Tools, Skripte, Bibliotheken
Desktop
Native Desktop-Apps
Web
Browserbasierte Apps
Mobil
Geräteanwendungen
Build-Typ
Wählen Sie, wie das Projekt initialisiert werden soll:
Neuinstallation
Erstellt ein neues Projekt mit Standard-Framework-Tools. Kaiju Hub AI führt die entsprechenden CLI-Befehle aus (z. B. npm create vite@latest, cargo init, npx create-tauri-app) und installiert alle Abhängigkeiten.
KI-generiert
Beschreiben Sie, was Sie erstellen möchten, und lassen Sie die KI das gesamte Projekt generieren. Sie geben eine Textbeschreibung und optionale Referenzbilder an, dann schreibt die KI den gesamten Quellcode, die Konfigurationsdateien und die Projektstruktur.
Nach der Konfiguration des Projekts klicken Sie auf Weiter zum Tech Stack um fortzufahren.
Leere Projekte
Leere Projekte sind für CLI-Tools, Skripte, eigenständige Anwendungen und sprachspezifische Starter. Wählen Sie Ihre Sprache oder Laufzeitumgebung und Kaiju Hub AI erstellt eine minimale Projektstruktur.
Sprache / Laufzeitumgebungsoptionen
Einige Sprachen enthalten Versionsauswähler. Zum Beispiel zeigt die Auswahl von Python Versionsoptionen (3.10, 3.11, 3.12, 3.13, 3.14, 3.15) an. Die ausgewählte Version bestimmt, welcher Python-Interpreter zum Erstellen der virtuellen Umgebung verwendet wird.
Desktop-Projekte
Desktop-Projekte erstellen native Desktop-Anwendungen. Wählen Sie ein Desktop-Framework, ein Frontend-Framework für die Benutzeroberfläche und optional eine Datenbank. Alle Frontend-Frameworks sind mit TypeScript vorkonfiguriert.
Desktop Framework
Das native Framework, das die Desktop-Fensterhülle und systemnahe APIs bereitstellt.
Frontend Framework
Das UI-Framework, das innerhalb des Desktop-Fensters läuft. Alle Optionen sind mit TypeScript vorkonfiguriert.
Datenbank
Optional database integration for local or cloud data storage.
Web-Projekte
Webprojekte erstellen browserbasierte Anwendungen. Beginnen Sie mit der Wahl zwischen Frontend Only oder Full-Stack um festzulegen, welche Framework-Optionen verfügbar sind. Alle Frameworks haben TypeScript standardmäßig aktiviert.
Frontend Only
Standalone UI frameworks for single-page apps and static sites. Includes a Custom Packages button to add your own npm packages.
Full-Stack
Complete web frameworks with server-side rendering and API routes built in.
Styling
Datenbank
Mobile Projects
Mobil-Projekte erstellen Geräteanwendungen für iOS und Android. Wählen Sie ein Mobil-Framework, eine SDK-Version und optional eine Datenbank.
Mobil-Framework
Wählen Sie das Framework für Ihre mobile Anwendung. Ein SDK-Versionsauswähler erscheint für Frameworks, die mehrere SDK-Ziele unterstützen.
SDK-Version
Für Frameworks wie Expo wählen Sie die SDK-Version (z. B. 52, 53, 54, 55). Dies bestimmt die Basisabhängigkeiten und API-Kompatibilität.
Datenbank
Optionale Cloud- oder lokale Datenbank für Ihre mobile App.
Neuinstallation
Wenn Sie Neuinstallation als Build-Typ wählen, erstellt Kaiju Hub AI Ihr Projekt mit Standard-Framework-Tooling. Nachdem Sie Ihren Tech Stack ausgewählt haben, klicken Sie auf Projekt erstellen und Kaiju Hub AI erledigt den Rest.
Was passiert
1. Paketmanager erkennen
Kaiju Hub AI erkennt automatisch, welcher Paketmanager auf Ihrem System installiert ist (npm, yarn oder pnpm).
2. Gerüstbefehl ausführen
Führt das entsprechende CLI-Tool für Ihren gewählten Stack aus. Zum Beispiel: npm create vite@latest für React, cargo init für Rust, npx create-tauri-app für Tauri.
3. Abhängigkeiten installieren
Führt den Installationsbefehl des Paketmanagers aus, um alle erforderlichen Abhängigkeiten herunterzuladen und einzurichten.
4. Git initialisieren
Richtet ein lokales Git-Repository mit einem ersten Commit ein.
5. GitHub-Repo erstellen
Wenn Sie ein GitHub-Konto verknüpft haben, wird automatisch ein Remote-Repository erstellt und der erste Commit gepusht.
Das Projekt erscheint in Ihrem Projekt-Dashboard, sobald die Erstellung abgeschlossen ist, bereit zum Öffnen und Loslegen mit dem Programmieren.
KI-generiert
Wenn Sie KI-Generiert als Build-Typ wählen, beschreiben Sie, was Sie bauen möchten, und die KI schreibt die gesamte initiale Codebasis. Nachdem Sie Ihren Tech Stack ausgewählt haben, klicken Sie auf Projekt erstellen um den KI-Generierungsbildschirm zu öffnen.
KI-Modellauswahl
Wählen Sie oben auf dem Generierungsbildschirm einen KI-Anbieter und ein Modell aus. Sie können aus jedem konfigurierten Anbieter (OpenAI, Anthropic, Gemini, Grok, DeepSeek, Ollama) wählen und das spezifische Modell für die Codegenerierung auswählen.
Projektbeschreibung
Schreiben Sie eine detaillierte Beschreibung dessen, was Sie erstellen möchten. Je spezifischer Sie sind, desto besser die Ergebnisse. Geben Sie Hauptfunktionen, Seiten, UI-Muster und benötigte Integrationen an.
Gute Beispiele:
- Eine E-Commerce-Website mit Produktlisten und Warenkorb
- Ein Aufgabenverwaltungs-Dashboard mit Kanban-Boards
- Eine Social-Media-Plattform mit Benutzerprofilen und Feeds
- Ein CRM-System mit Kontaktverwaltung und Analysen
Verwenden Sie die Schaltfläche Mit KI verbessern um Ihre Beschreibung automatisch mit mehr Details zu erweitern. Sie können auch mit der mittleren Maustaste auf das Mikrofon-Symbol klicken, um Ihre Beschreibung per Spracheingabe zu diktieren.
Seitenleisten-Tabs
Die linke Seitenleiste bietet zusätzlichen Kontext für die KI:
Bilder
Laden Sie Referenzbilder, Mockups oder Screenshots hoch, um der KI zu zeigen, wie die App aussehen soll. Per Drag & Drop, Einfügen mit Strg+V oder Klicken hinzufügen. Erfordert ein bildverarbeitungsfähiges Modell.
Komponenten
Hängen Sie wiederverwendbare Komponenten aus Ihrer Block-Bibliothek an. Die KI wird diese in das generierte Projekt einbeziehen.
Dateien
Fügen Sie Referenzdateien hinzu, die die KI bei der Generierung berücksichtigen soll (z. B. vorhandener Code, Design-Spezifikationen oder Datenschemata).
Generieren
Klicken Sie auf Projekt generieren oben rechts, um die KI-Generierung zu starten. Die KI analysiert Ihre Beschreibung und Referenzmaterialien, plant die Architektur, generiert die Dateistruktur und schreibt den gesamten Quellcode und alle Konfigurationsdateien. Der Fortschritt wird im Globaler Aufgabenmanager in Echtzeit verfolgt.