Startpagina
Overzicht
Na het voltooien van de installatiewizard kom je op de Kaiju Hub AI-startpagina. Dit is je centrale dashboard waar je in één oogopslag toegang hebt tot alle kernfuncties van Kaiju Hub AI.
Projecthub
De Projecthub is je centrale werkruimte voor het beheren en organiseren van al je ontwikkelprojecten. Van hieruit kun je nieuwe projecten aanmaken, bestaande projecten importeren van je lokale machine en repositories rechtstreeks van GitHub klonen.
Projecten aanmaken
Start een gloednieuw project met je favoriete technologiestack en frameworkconfiguratie.
Projecten importeren
Breng bestaande projecten van je lokale bestandssysteem over om ze binnen Kaiju Hub AI te beheren.
Klonen van GitHub
Kloon elke GitHub-repository rechtstreeks naar Kaiju Hub AI — je hoeft de app niet te verlaten of de opdrachtregel te gebruiken.
Wireframes
Het Wireframes-gedeelte laat je wireframes maken en ontwerpen voor je applicaties en websites. Je kunt ze handmatig ontwerpen met de canvas-editor, of AI gebruiken om automatisch wireframes voor je te genereren. Zodra je wireframe klaar is, kun je het rechtstreeks naar codegeneratie sturen — van ontwerp naar werkende code in één naadloze workflow.
Handmatig ontwerp
Gebruik de ingebouwde canvas-editor om UI-componenten met de hand te tekenen en te rangschikken.
AI-aangedreven generatie
Beschrijf wat je wilt en laat AI direct een wireframe-indeling voor je maken.
Wireframe naar code
Stuur je voltooide wireframe rechtstreeks naar codegeneratie — geen handmatige vertaling nodig.
Wat is nieuw
Het gedeelte Wat is nieuw is waar je de laatste updates, functies en aankondigingen voor Kaiju Hub AI kunt zien. Wanneer er een nieuwe update is uitgebracht, ontvang je een melding zodat je nooit belangrijke wijzigingen mist. Bekijk dit regelmatig om op de hoogte te blijven van nieuwe functies, bugfixes en verbeteringen.
Blokbibliotheek
De Blokbibliotheek is het contextbloksysteem van Kaiju Hub AI. Hiermee kun je herbruikbare contextblokken toevoegen, opslaan en beheren, zoals API-documentatie, codefragmenten en meer. Je kunt blokken aanmaken en opslaan voor later gebruik en ze vervolgens rechtstreeks naar AI sturen wanneer je ze als context nodig hebt voor codegeneratie.
Ondersteunde inhoudstypen
React, Solid.js, Vue, Svelte, Angular, HTML, CSS, GLSL shaders, Markdown, platte tekst, afbeeldingen en video's.
Groepen aanmaken
De Blokbibliotheek organiseert blokken in groepen. Groepen stellen je in staat om gerelateerde blokken samen te categoriseren en te beheren.
Nieuwe groep aanmaken
Klik op de knop "Maak een nieuwe groep" om het groepsaanmaakvenster te openen. Selecteer een categorie, typ de groepsnaam en klik op "Groep aanmaken" om deze toe te voegen.
Inhoud toevoegen aan groepen
Zodra een groep is aangemaakt, kun je bestanden slepen en neerzetten of inhoud rechtstreeks in de groep plakken om deze te vullen met blokken.
Blokken aanmaken
Klik op "Maak een nieuw blok" om de blokmaker te openen. Van daaruit heb je drie manieren om inhoud toe te voegen:
Handmatige invoer
Schrijf of bewerk blokinhoud handmatig rechtstreeks in de makerweergave.
Inhoud plakken
Plak code, tekst of andere inhoud rechtstreeks in de blokmaker.
AI-creatie
Gebruik AI om blokinhoud te genereren. Ondersteunt React, GLSL shaders, Svelte, HTML, Vue, Angular, Solid.js en CSS.
AI-aangedreven blokcreatie
Wanneer je AI gebruikt om blokken te maken, kun je een grote verscheidenheid aan inhoudstypen genereren. Naast code kun je ook afbeeldingen maken met MediaGen of lokaal met CompanyUI, en ook video's genereren.
Directe AI-bewerking
Bewerk bestaande blokitems rechtstreeks met AI. Geef instructies en AI past de inhoud ter plekke aan.
Variaties maken
Voer een prompt in en geef aan hoeveel variaties je wilt. AI genereert meerdere alternatieve versies van de blokinhoud op basis van je prompt.
Blokken gebruiken
Context opslaan
Sla API-documentatie, codefragmenten, ontwerpreferenties en andere contextblokken op voor hergebruik in projecten.
Media maken
Maak en sla afbeeldingen, video's en andere media-assets rechtstreeks op in de blokbibliotheek.
Naar AI sturen
Voeg opgeslagen blokken toe als context bij het werken met AI — geef het precies de informatie die het nodig heeft om nauwkeurige code te genereren.
Reverse Engineering
Reverse Engineering is de begrenzingsvak-gestuurde afbeelding-naar-code en afbeelding-naar-wireframe tool van Kaiju Hub AI. Upload een afbeelding van een UI, teken of detecteer automatisch begrenzingsvakken rond elementen, wijs gedrag toe aan elk vak (bijv. opent een modaal venster, navigeert naar een sectie) en genereer werkende code of wireframe-indelingen van de geannoteerde afbeelding.
Begrenzingsvak-annotatie
Teken of detecteer automatisch begrenzingsvakken rond UI-elementen in elke afbeelding en wijs vervolgens interactief gedrag toe aan elk vak.
Dubbele uitvoer
Converteer geannoteerde afbeeldingen naar werkende componentcode voor je doelframework, of exporteer als wireframe-indelingen voor verdere bewerking.