Oversigt over landingssiden
Oversigt
Efter at have fuldført opsætningsguiden, lander du på Kaiju Hub AI Landing Hub. Dette er dit centrale dashboard, hvor du kan få adgang til alle Kaiju Hub AIs kernefunktioner med et overblik.
Projekt Hub
Projekt Hub er dit centrale arbejdsområde til at administrere og organisere alle dine udviklingsprojekter. Herfra kan du oprette nye projekter fra bunden, importere eksisterende projekter fra din lokale maskine og klone repositories direkte fra GitHub.
Opret projekter
Start et helt nyt projekt med dit foretrukne teknologiske stak og framework-konfiguration.
Importer projekter
Importer eksisterende projekter fra dit lokale filsystem for at administrere dem i Kaiju Hub AI.
Klon fra GitHub
Klon ethvert GitHub-repository direkte ind i Kaiju Hub AI – du behøver ikke at forlade appen eller bruge kommandolinjen.
Wireframes
Wireframe-sektionen giver dig mulighed for at oprette og designe wireframes til dine applikationer og websteder. Du kan designe dem manuelt ved hjælp af lærredseditoren eller bruge AI til at generere wireframes automatisk. Når din wireframe er klar, kan du sende den direkte til kodegenerering – gå fra design til fungerende kode i en problemfri arbejdsgang.
Manuelt design
Brug den indbyggede lærredseditor til at tegne og arrangere UI-komponenter manuelt.
AI-drevet generering
Beskriv, hvad du ønsker, og lad AI oprette et wireframe-layout for dig øjeblikkeligt.
Wireframe til kode
Send din færdige wireframe direkte til kodegenerering – ingen manuel oversættelse er nødvendig.
Hvad er nyt
I sektionen "Hvad er nyt" kan du se de seneste opdateringer, funktioner og meddelelser for Kaiju Hub AI. Hver gang en ny opdatering er blevet sendt, modtager du en meddelelse, så du aldrig går glip af vigtige ændringer. Tjek her regelmæssigt for at holde dig opdateret med nye funktioner, fejlrettelser og forbedringer.
Blokbibliotek
Blokbiblioteket er Kaiju Hub AIs kontekstbloksystem. Det giver dig mulighed for at tilføje, gemme og administrere genanvendelige kontekstblokke, såsom API-dokumentation, kodeuddrag og mere. Du kan oprette og gemme blokke til senere brug og derefter sende dem direkte til AI, når du har brug for dem som kontekst til kodegenerering.
Understøttede indholdstyper
React, Solid.js, Vue, Svelte, Angular, HTML, CSS, GLSL-shaders, Markdown, almindelig tekst, billeder og videoer.
Oprettelse af grupper
Blokbiblioteket organiserer blokke i grupper. Grupper giver dig mulighed for at kategorisere og administrere relaterede blokke sammen.
Opret en ny gruppe
Klik på knappen "Opret en ny gruppe" for at åbne modalen til oprettelse af grupper. Vælg en kategori, skriv gruppens navn, og klik på "Opret gruppe" for at tilføje den.
Tilføj indhold til grupper
Når en gruppe er oprettet, kan du trække og slippe filer eller indsætte indhold direkte i gruppen for at udfylde den med blokke.
Oprettelse af blokke
Klik på "Opret en ny blok" for at åbne visningen til oprettelse af blokke. Herfra har du tre måder at tilføje indhold på:
Manuel indtastning
Skriv eller rediger blokindhold manuelt i oprettelsesvisningen.
Indsæt indhold
Indsæt kode, tekst eller andet indhold direkte i blokopretteren.
AI-oprettelse
Brug AI til at generere blokindhold. Understøtter React, GLSL-shaders, Svelte, HTML, Vue, Angular, Solid.js og CSS.
AI-drevet blokoprettelse
Når du bruger AI til at oprette blokke, kan du generere en lang række indholdstyper. Ud over kode kan du også oprette billeder ved hjælp af MediaGen eller lokalt ved hjælp af CompanyUI og generere videoer.
Direkte AI-redigering
Rediger eksisterende blokke direkte ved hjælp af AI. Angiv instruktioner, og AI vil ændre indholdet på stedet.
Opret variationer
Indtast en prompt, og angiv hvor mange variationer du ønsker. AI genererer flere alternative versioner af blokindholdet baseret på din prompt.
Brug af blokke
Gem kontekst
Gem API-dokumentation, kodeuddrag, designreferencer og andre kontekstblokke til genbrug på tværs af projekter.
Opret medier
Opret og gem billeder, videoer og andre medieaktiver direkte i blokbiblioteket.
Send til AI
Vedhæft gemte blokke som kontekst, når du arbejder med AI – giv den præcis de oplysninger, den har brug for, for at generere nøjagtig kode.
Omvendt udvikling
Reverse Engineering er Kaiju Hub AIs værktøj til billed-til-kode og billed-til-wireframe, der bruger afgrænsningsbokse. Upload ethvert billede af et UI, tegn eller registrer automatisk afgrænsningsbokse omkring elementer, tildel adfærd til hver boks (f.eks. åbner en modal, navigerer til en sektion), og generer fungerende kode eller wireframe-layouts fra det annoterede billede.
Annotering af afgrænsningsboks
Tegn eller registrer automatisk afgrænsningsbokse omkring UI-elementer i ethvert billede, og tildel derefter interaktive adfærd til hver boks.
Dobbelt output
Konverter annoterede billeder til fungerende komponentkode til dit målframework, eller eksporter dem som wireframe-layouts til yderligere redigering.