Startseite
Übersicht
Nach Abschluss des Einrichtungsassistenten gelangen Sie zum Kaiju Hub AI-Startbereich. Dies ist Ihr zentrales Dashboard für den Zugriff auf alle Kernfunktionen.
Projekt-Hub
Der Projekt-Hub ist Ihr zentraler Arbeitsbereich zum Verwalten aller Entwicklungsprojekte. Erstellen Sie neue Projekte, importieren Sie bestehende oder klonen Sie Repositories von GitHub.
Projekte erstellen
Starten Sie ein brandneues Projekt mit Ihrem bevorzugten Tech-Stack und Framework.
Projekte importieren
Importieren Sie bestehende Projekte von Ihrem lokalen Dateisystem in Kaiju Hub AI.
Von GitHub klonen
Klonen Sie jedes GitHub-Repository direkt in Kaiju Hub AI — ohne die App zu verlassen oder die Kommandozeile zu benutzen.
Wireframes
Der Wireframes-Bereich ermöglicht es Ihnen, Wireframes für Ihre Anwendungen und Websites zu erstellen. Entwerfen Sie manuell oder lassen Sie die KI automatisch generieren. Senden Sie fertige Wireframes direkt an die Codegenerierung.
Manuelles Design
Verwenden Sie den integrierten Canvas-Editor, um UI-Komponenten von Hand zu zeichnen und anzuordnen.
KI-gestützte Generierung
Beschreiben Sie, was Sie möchten, und lassen Sie die KI sofort ein Wireframe-Layout erstellen.
Wireframe zu Code
Senden Sie Ihr fertiges Wireframe direkt an die Codegenerierung — keine manuelle Übersetzung nötig.
Was gibt es Neues
Der Bereich Was gibt es Neues zeigt die neuesten Updates, Funktionen und Ankündigungen für Kaiju Hub AI. Sie erhalten bei jedem Update eine Benachrichtigung. Schauen Sie regelmäßig vorbei für neue Funktionen und Fehlerbehebungen.
Block-Bibliothek
Die Block-Bibliothek ist das Kontext-Block-System von Kaiju Hub AI. Sie ermöglicht es Ihnen, wiederverwendbare Kontextblöcke wie API-Dokumentation, Code-Snippets und mehr hinzuzufügen, zu speichern und zu verwalten. Sie können Blöcke für die spätere Verwendung erstellen und speichern und sie dann direkt an die KI senden, wenn Sie sie als Kontext für die Codegenerierung benötigen.
Unterstützte Inhaltstypen
React, Solid.js, Vue, Svelte, Angular, HTML, CSS, GLSL-Shader, Markdown, Klartext, Bilder und Videos.
Gruppen erstellen
Die Block-Bibliothek organisiert Blöcke in Gruppen. Gruppen ermöglichen es Ihnen, zusammengehörige Blöcke zu kategorisieren und gemeinsam zu verwalten.
Neue Gruppe erstellen
Klicken Sie auf die Schaltfläche „Neue Gruppe erstellen", um das Gruppenerstellungs-Dialogfeld zu öffnen. Wählen Sie eine Kategorie, geben Sie den Gruppennamen ein und klicken Sie auf „Gruppe erstellen", um sie hinzuzufügen.
Inhalte zu Gruppen hinzufügen
Sobald eine Gruppe erstellt ist, können Sie Dateien per Drag & Drop hineinziehen oder Inhalte direkt in die Gruppe einfügen, um sie mit Blöcken zu füllen.
Blöcke erstellen
Klicken Sie auf „Neuen Block erstellen", um die Block-Erstellungsansicht zu öffnen. Von dort haben Sie drei Möglichkeiten, Inhalte hinzuzufügen:
Manuelle Eingabe
Schreiben oder bearbeiten Sie Block-Inhalte manuell direkt in der Erstellungsansicht.
Inhalte einfügen
Fügen Sie Code, Text oder andere Inhalte direkt in den Block-Ersteller ein.
KI-Erstellung
Verwenden Sie KI, um Block-Inhalte zu generieren. Unterstützt React, GLSL-Shader, Svelte, HTML, Vue, Angular, Solid.js und CSS.
KI-gestützte Block-Erstellung
Wenn Sie KI zum Erstellen von Blöcken verwenden, können Sie eine Vielzahl von Inhaltstypen generieren. Über Code hinaus können Sie auch Bilder mit MediaGen oder lokal mit CompanyUI erstellen sowie Videos generieren.
Direkte KI-Bearbeitung
Bearbeiten Sie bestehende Block-Elemente direkt mit KI. Geben Sie Anweisungen und die KI wird den Inhalt direkt ändern.
Variationen erstellen
Geben Sie einen Prompt ein und legen Sie fest, wie viele Variationen Sie möchten. Die KI generiert mehrere alternative Versionen des Block-Inhalts basierend auf Ihrem Prompt.
Blöcke verwenden
Kontext speichern
Speichern Sie API-Dokumentation, Code-Snippets, Design-Referenzen und andere Kontextblöcke zur Wiederverwendung in verschiedenen Projekten.
Medien erstellen
Erstellen und speichern Sie Bilder, Videos und andere Medien-Assets direkt in der Block-Bibliothek.
An KI senden
Hängen Sie gespeicherte Blöcke als Kontext an, wenn Sie mit KI arbeiten — geben Sie ihr genau die Informationen, die sie für die Generierung von präzisem Code benötigt.
Reverse Engineering
Reverse Engineering ist das Bounding-Box-gesteuerte Bild-zu-Code- und Bild-zu-Wireframe-Tool von Kaiju Hub AI. Laden Sie ein beliebiges Bild einer Benutzeroberfläche hoch, zeichnen oder erkennen Sie automatisch Begrenzungsrahmen um Elemente, weisen Sie jedem Rahmen Verhaltensweisen zu (z. B. öffnet ein Modal, navigiert zu einem Abschnitt) und generieren Sie funktionierenden Code oder Wireframe-Layouts aus dem annotierten Bild.
Bounding-Box-Annotation
Zeichnen oder erkennen Sie automatisch Begrenzungsrahmen um UI-Elemente in einem beliebigen Bild und weisen Sie jedem Rahmen interaktive Verhaltensweisen zu.
Doppelte Ausgabe
Konvertieren Sie annotierte Bilder in funktionierenden Komponentencode für Ihr Ziel-Framework oder exportieren Sie sie als Wireframe-Layouts zur weiteren Bearbeitung.