Kaiju Hub AI

AI-framegeneratie

Wireframe project card showing desktop badge, No Preview status, and AI icon in bottom right

De framemaker openen

Nadat de documentatie van je wireframe-project is gegenereerd, zie je het in je wireframelijst als een projectkaart. Om te beginnen met het genereren van frames met AI, klik je op het AI-pictogram in de rechterbenedenhoek van de projectkaart. Dit opent de frame-creator waar je individuele frames voor elk scherm kunt genereren en beheren.

Framemaker

Frame creator showing screen list, AI provider selector, screen purpose and key features, and Generate Frame button

De framemaker is waar je individuele wireframeframes voor elk scherm genereert en beheert. De linkerzijbalk toont alle schermen in je project (bijv. Dashboard, Takenlijst, Taakdetail) met statusbadges die tonen of elk in behandeling, aan het genereren of voltooid is.

Indeling

AI-provider

Selecteer het AI-model voor framegeneratie uit de dropdown linksboven (bijv. Claude Code, Opus 4.6).

Schermlijst

De linkerzijbalk toont alle schermen in het project. Klik op een scherm om de details te bekijken en het frame te genereren.

Schermdoel & instructies

Het middelste paneel toont het doel en de belangrijkste functies van het geselecteerde scherm. Klik op Bewerken om deze aan te passen voor het genereren.

Framevoorvertoning

De rechterkant toont een voorvertoning van het gegenereerde frame, of een Leeg Frame-plaatshouder als het frame nog niet is gegenereerd.

Frame genereren

Klik om het frame voor het geselecteerde scherm te genereren. Gebruik Alle generatie starten om alle openstaande frames in één keer te genereren.

Bewerken voor generatie

Je kunt verschillende aspecten van een frame bewerken voordat je het genereert. Klik op de Bewerken-knop naast de secties Doel of Belangrijkste Kenmerken om de beschrijving, kenmerken en instructies van het scherm aan te passen. Als je tevreden bent met de details, klik je op Frame Genereren om het frame te maken, of pas aan en genereer opnieuw indien nodig.

Frames genereren

Frame generation in progress showing generating status, Stop Generation button, and progress indicator at 10%

Wanneer een frame wordt gegenereerd, verandert de statusbadge van het scherm in de linkerzijbalk naar genereren... en verschijnt er een voortgangsindicator rechtsonder (bijvoorbeeld “Frame Genereren... (10%)”). De Frame Genereren-knop wordt vervangen door een Generatie Stoppen-knop, waarmee je kunt annuleren indien nodig.

Tijdens generatie

Statusbadges

Elk scherm toont zijn huidige status — in behandeling (niet gestart), aan het genereren (bezig) of voltooid (klaar).

Voortgangsindicator

Een percentagegebaseerde voortgangsbalk rechtsonder toont hoe ver de huidige framegeneratie is gevorderd.

Generatie stoppen

Annuleer de huidige framegeneratie op elk moment door op de knop Generatie stoppen te klikken.

Automatische koppeling

Frames worden automatisch aan elkaar gekoppeld — navigatiestromen tussen schermen worden tijdens de generatie verbonden.

Voltooide frames

Completed frame showing green completed badge, element count, frame preview, Restart Frame button, and Frame Generated Successfully message

Wanneer het genereren voltooid is, zie je een Frame Succesvol Gegenereerd-bericht. De statusbadge van het scherm verandert naar voltooid (groen) samen met een elementtelling (bijvoorbeeld “41 elementen”). De preview van het gegenereerde frame verschijnt aan de rechterkant van de editor.

Na voltooiing

Framevoorvertoning

Het rechterpaneel toont een visuele voorvertoning van het gegenereerde frame met alle componenten ingedeeld.

Elementaantal

De voltooid-badge toont het totale aantal elementen dat voor het scherm is gegenereerd.

Frame herstarten

Als je niet tevreden bent met het resultaat, klik je op Frame herstarten om opnieuw te genereren.

Alle generatie starten

Ga door met het genereren van resterende openstaande frames, of gebruik dit om alle schermen in één keer batchgewijs te genereren.

Alle logo's, handelsmerken en merknamen van derden die worden weergegeven in Kaiju Hub AI zijn eigendom van hun respectievelijke eigenaren. Het gebruik ervan is uitsluitend bedoeld voor identificatiedoeleinden en impliceert geen goedkeuring, sponsoring of aansluiting.