Aloitussivu
Yleiskatsaus
Kun olet suorittanut asennusohjatun toiminnon, pääset Kaiju Hub AIin aloitusnäyttöön. Tämä on keskitetty kojelauta, josta voit käyttää kaikkia Kaiju Hub AIin ydintoimintoja yhdellä silmäyksellä.
Projektikeskus
Projektikeskus on keskitetty työtila, jossa voit hallita ja järjestää kaikkia kehitysprojektejasi. Täältä voit luoda uusia projekteja, tuoda olemassa olevia projekteja paikallisesta tietokoneestasi ja kloonata arkistoja suoraan GitHubista.
Luo projekteja
Aloita täysin uusi projekti suosikkiteknologiapinoosi ja -kehyskonfiguraatiollasi.
Tuo projekteja
Tuo olemassa olevia projekteja paikallisesta tiedostojärjestelmästäsi, jotta voit hallita niitä Kaiju Hub AIissa.
Kloonaa GitHubista
Kloonaa mikä tahansa GitHub-arkisto suoraan Kaiju Hub AIiin – sinun ei tarvitse poistua sovelluksesta tai käyttää komentoriviä.
Wireframet
Wireframe-osio antaa sinun luoda ja suunnitella wireframeja sovelluksillesi ja verkkosivustoillesi. Voit suunnitella ne manuaalisesti käyttämällä kangaseditoria tai käyttää tekoälyä luodaksesi wireframeja automaattisesti. Kun wireframe on valmis, voit lähettää sen suoraan koodinluontiin – näin voit siirtyä suunnittelusta toimivaan koodiin yhdellä saumattomalla työnkululla.
Manuaalinen suunnittelu
Käytä sisäänrakennettua kangaseditoria UI-komponenttien piirtämiseen ja järjestämiseen manuaalisesti.
Tekoälypohjainen luonti
Kerro, mitä haluat, ja anna tekoälyn luoda wireframe-asettelu sinulle välittömästi.
Wireframe koodiksi
Lähetä valmis wireframe suoraan koodinluontiin – manuaalista muokkausta ei tarvita.
Uutta
Uutta-osio näyttää uusimmat päivitykset, ominaisuudet ja ilmoitukset Kaiju Hub AIista. Aina kun uusi päivitys on julkaistu, saat ilmoituksen, jotta et koskaan menetä tärkeitä muutoksia. Tarkista tämä säännöllisesti, niin pysyt ajan tasalla uusista ominaisuuksista, virheiden korjauksista ja parannuksista.
Lohkokirjasto
Lohkokirjasto on Kaiju Hub AIin kontekstuaalinen lohkosysteemi. Sen avulla voit lisätä, tallentaa ja hallita uudelleenkäytettäviä kontekstuaalisia lohkoja, kuten API-dokumentaatiota, koodinpätkiä ja muuta. Voit luoda ja tallentaa lohkoja myöhempää käyttöä varten ja lähettää ne sitten suoraan tekoälylle, kun tarvitset niitä kontekstina koodinluontia varten.
Tuetut sisältotyypit
React, Solid.js, Vue, Svelte, Angular, HTML, CSS, GLSL-varjostimet, Markdown, tavallinen teksti, kuvat ja videot.
Ryhmien luominen
Lohkokirjasto järjestää lohkot ryhmiin. Ryhmät mahdollistavat siihen liittyvien lohkojen luokittelun ja hallinnan yhdessä.
Luo uusi ryhmä
Napsauta "Luo uusi ryhmä" -painiketta avataksesi ryhmän luontivalintaikkunan. Valitse luokka, kirjoita ryhmän nimi ja napsauta "Luo ryhmä" lisätäksesi sen.
Lisää sisältöä ryhmiin
Kun ryhmä on luotu, voit vetää ja pudottaa tiedostoja tai liittää sisältöä suoraan ryhmään, jotta se täytetään lohkoilla.
Lohkojen luominen
Napsauta "Luo uusi lohko" avataksesi lohkon luontinäkymän. Sieltä voit lisätä sisältöä kolmella tavalla:
Manuaalinen syöttö
Kirjoita tai muokkaa lohkon sisältöä manuaalisesti luontinäkymässä.
Liitä sisältö
Liitä koodia, tekstiä tai muuta sisältöä suoraan lohkon luontitilaan.
Tekoälyluonti
Käytä tekoälyä lohkon sisällön luomiseen. Tukee Reactia, GLSL-varjostimia, Svelteä, HTML:ää, Vue:ta, Angularia, Solid.js:ää ja CSS:ää.
Tekoälypohjainen lohkojen luominen
Kun käytät tekoälyä lohkojen luomiseen, voit luoda monenlaisia sisältotyyppejä. Koodin lisäksi voit myös luoda kuvia MediaGenin avulla tai paikallisesti CompanyUI:n avulla sekä luoda myös videoita.
Suora tekoälymuokkaus
Muokkaa olemassa olevia lohkoja suoraan tekoälyn avulla. Anna ohjeita, niin tekoäly muokkaa sisältöä.
Luo muunnelmia
Kirjoita kehotus ja määritä, kuinka monta muunnelmaa haluat. Tekoäly luo useita vaihtoehtoisia versioita lohkon sisällöstä kehotuksesi perusteella.
Lohkojen käyttäminen
Tallenna konteksti
Tallenna API-dokumentaatiota, koodinpätkiä, suunnitteluviitteitä ja muuta kontekstuaalista sisältöä, jota voit käyttää uudelleen projekteissa.
Luo mediaa
Luo ja tallenna kuvia, videoita ja muuta mediaa suoraan lohkokirjastoon.
Lähetä tekoälylle
Liitä tallennettuja lohkoja kontekstiksi, kun työskentelet tekoälyn kanssa – anna sille juuri se tieto, jota se tarvitsee, jotta se voi luoda tarkan koodin.
Käänteinen suunnittelu
Käänteinen suunnittelu on Kaiju Hub AIin rajauslaatikko-ohjattu kuva-koodiksi- ja kuva-wireframe-työkalu. Lataa mikä tahansa käyttöliittymän kuva, piirrä tai tunnista automaattisesti rajauslaatikot elementtien ympärille ja määritä kullekin laatikolle käyttäytyminen (esim. avaa modaali-ikkunan, siirry osioon) ja luo toimiva koodi tai wireframe-asettelut annotoidusta kuvasta.
Rajaavan laatikon annotointi
Piirrä tai tunnista automaattisesti rajaavat laatikot UI-elementtien ympärille missä tahansa kuvassa ja määritä sitten interaktiivinen käyttäytyminen kullekin laatikolle.
Kaksoistuloste
Muunna annotoidut kuvat toimiviksi komponenttikoodiksi kohdekehyksellesi tai vie ne wireframe-asetteluiksi, joita voit muokata edelleen.