Landingshub
Oversikt
Etter at du har fullført oppsettsveiviseren, vil du havne på Kaiju Hub AI-landingshuben. Dette er ditt sentrale dashbord hvor du kan få tilgang til alle Kaiju Hub AIs kjernefunksjoner med et øyeblikk.
Prosjekthub
Prosjekthuben er din sentrale arbeidsplass for å administrere og organisere alle utviklingsprosjektene dine. Herfra kan du opprette nye prosjekter fra bunnen av, importere eksisterende prosjekter fra din lokale maskin og klone repositorier direkte fra GitHub.
Opprett prosjekter
Start et helt nytt prosjekt med din foretrukne teknologistack og rammeverkskonfigurasjon.
Importer prosjekter
Ta med eksisterende prosjekter fra ditt lokale filsystem for å administrere dem i Kaiju Hub AI.
Klon fra GitHub
Klon et hvilket som helst GitHub-repositorium direkte til Kaiju Hub AI – du trenger ikke å forlate appen eller bruke kommandolinjen.
Wireframes
Wireframe-delen lar deg opprette og designe wireframes for applikasjonene og nettstedene dine. Du kan designe dem manuelt ved hjelp av lerredredigereren, eller bruke AI til å generere wireframes for deg automatisk. Når wireframen din er klar, kan du sende den direkte til kodegenerering – gå fra design til fungerende kode i en sømløs arbeidsflyt.
Manuell design
Bruk den innebygde lerredredigereren til å tegne og ordne UI-komponenter manuelt.
AI-drevet generering
Beskriv hva du vil, og la AI opprette et wireframe-oppsett for deg umiddelbart.
Wireframe til kode
Send den fullførte wireframen direkte til kodegenerering – ingen manuell oversettelse nødvendig.
Hva er nytt
I delen "Hva er nytt" kan du se de siste oppdateringene, funksjonene og kunngjøringene for Kaiju Hub AI. Hver gang en ny oppdatering er publisert, vil du motta et varsel slik at du aldri går glipp av viktige endringer. Sjekk her regelmessig for å holde deg oppdatert med nye funksjoner, feilrettinger og forbedringer.
Blokkbibliotek
Blokkbiblioteket er Kaiju Hub AIs kontekstblokksystem. Det lar deg legge til, lagre og administrere gjenbrukbare kontekstblokker som API-dokumentasjon, kodeutklipp og mer. Du kan opprette og lagre blokker for senere bruk, og deretter sende dem direkte til AI når du trenger dem som kontekst for kodegenerering.
Støttede innholdstyper
React, Solid.js, Vue, Svelte, Angular, HTML, CSS, GLSL-skygger, Markdown, ren tekst, bilder og videoer.
Opprette grupper
Blokkbiblioteket organiserer blokker i grupper. Grupper lar deg kategorisere og administrere relaterte blokker sammen.
Opprett en ny gruppe
Klikk på knappen "Opprett en ny gruppe" for å åpne modalen for opprettelse av grupper. Velg en kategori, skriv inn gruppenavnet og klikk på "Opprett gruppe" for å legge den til.
Legg til innhold i grupper
Når en gruppe er opprettet, kan du dra og slippe filer eller lime inn innhold direkte i gruppen for å fylle den med blokker.
Opprette blokker
Klikk på "Opprett en ny blokk" for å åpne blokkopprettervisningen. Derfra har du tre måter å legge til innhold på:
Manuell inndata
Skriv eller rediger blokkinnhold manuelt i opprettervisningen.
Lim inn innhold
Lim inn kode, tekst eller annet innhold direkte i blokkoppretteren.
AI-opprettelse
Bruk AI til å generere blokkinnhold. Støtter React, GLSL-skygger, Svelte, HTML, Vue, Angular, Solid.js og CSS.
AI-drevet blokkopprettelse
Når du bruker AI til å opprette blokker, kan du generere en rekke innholdstyper. I tillegg til kode kan du også opprette bilder ved hjelp av MediaGen eller lokalt ved hjelp av CompanyUI, og generere videoer også.
Direkte AI-redigering
Rediger eksisterende blokkelementer direkte ved hjelp av AI. Gi instruksjoner, og AI vil endre innholdet på stedet.
Opprett varianter
Skriv inn en melding og angi hvor mange varianter du vil ha. AI vil generere flere alternative versjoner av blokkinnholdet basert på meldingen din.
Bruke blokker
Lagre kontekst
Lagre API-dokumentasjon, kodeutklipp, designreferanser og andre kontekstblokker for gjenbruk på tvers av prosjekter.
Opprett media
Opprett og lagre bilder, videoer og andre medieaktiva direkte i blokkbiblioteket.
Send til AI
Legg ved lagrede blokker som kontekst når du jobber med AI – gi den nøyaktig den informasjonen den trenger for å generere nøyaktig kode.
Omvendt utvikling
Omvendt utvikling er Kaiju Hub AIs bounding-boks-styrte verktøy for bilde-til-kode og bilde-til-wireframe. Last opp et hvilket som helst bilde av et brukergrensesnitt, tegn eller oppdag automatisk bounding-bokser rundt elementer, tilordne oppføringer til hver boks (f.eks. åpner en modal, navigerer til en seksjon), og generer fungerende kode eller wireframe-oppsett fra det kommenterte bildet.
Bounding-boks-annotering
Tegn eller oppdag automatisk bounding-bokser rundt UI-elementer i et hvilket som helst bilde, og tilordne deretter interaktive oppføringer til hver boks.
Dobbelt utdata
Konverter kommenterte bilder til fungerende komponentkode for målrammeverket, eller eksporter som wireframe-oppsett for videre redigering.