Úvodní stránka
Přehled
Po dokončení průvodce nastavením se dostanete na úvodní stránku Kaiju Hub AI. Toto je vaše centrální řídicí deska, kde můžete na první pohled přistupovat ke všem hlavním funkcím Kaiju Hub AI.
Centrum projektů
Centrum projektů je vaše centrální pracovní plocha pro správu a organizaci všech vašich vývojových projektů. Odtud můžete vytvářet nové projekty od začátku, importovat existující projekty z vašeho místního počítače a klonovat repozitáře přímo z GitHubu.
Vytvářejte projekty
Spusťte zcela nový projekt s vaším preferovaným technologickým balíčkem a konfigurací frameworku.
Importujte projekty
Importujte existující projekty ze svého místního souborového systému a spravujte je v Kaiju Hub AI.
Klonujte z GitHubu
Klonujte libovolný repozitář GitHub přímo do Kaiju Hub AI – nemusíte opouštět aplikaci ani používat příkazový řádek.
Wireframy
Sekce Wireframy vám umožňuje vytvářet a navrhovat wireframy pro vaše aplikace a webové stránky. Můžete je navrhovat ručně pomocí editoru plátna nebo využít umělou inteligenci k automatickému generování wireframů. Jakmile je váš wireframe připraven, můžete jej odeslat přímo do generování kódu – přejděte od návrhu k funkčnímu kódu v jednom plynulém pracovním postupu.
Ruční návrh
Použijte vestavěný editor plátna a kreslete a uspořádejte komponenty uživatelského rozhraní ručně.
Generování s umělou inteligencí
Popište, co chcete, a nechte umělou inteligenci okamžitě vytvořit rozvržení wireframu.
Wireframe do kódu
Odešlete svůj dokončený wireframe přímo do generování kódu – není potřeba žádná manuální transformace.
Co je nového
V sekci Co je nového můžete vidět nejnovější aktualizace, funkce a oznámení pro Kaiju Hub AI. Kdykoli je nasazena nová aktualizace, obdržíte upozornění, abyste nikdy nezmeškali důležité změny. Pravidelně kontrolujte, abyste byli informováni o nových funkcích, opravách chyb a vylepšeních.
Knihovna bloků
Knihovna bloků je systém kontextových bloků Kaiju Hub AI. Umožňuje přidávat, ukládat a spravovat opakovaně použitelné kontextové bloky, jako je dokumentace API, úryvky kódu a další. Můžete vytvářet a ukládat bloky pro pozdější použití a poté je odesílat přímo do umělé inteligence, když je potřebujete jako kontext pro generování kódu.
Podporované typy obsahu
React, Solid.js, Vue, Svelte, Angular, HTML, CSS, GLSL shadery, Markdown, prostý text, obrázky a videa.
Vytváření skupin
Knihovna bloků organizuje bloky do skupin. Skupiny vám umožňují kategorizovat a spravovat související bloky společně.
Vytvořit novou skupinu
Klikněte na tlačítko „Vytvořit novou skupinu“ a otevřete modální okno pro vytváření skupin. Vyberte kategorii, zadejte název skupiny a klikněte na „Vytvořit skupinu“, abyste ji přidali.
Přidání obsahu do skupin
Jakmile je skupina vytvořena, můžete do ní přetahovat soubory nebo vkládat obsah a naplnit ji bloky.
Vytváření bloků
Kliknutím na „Vytvořit nový blok“ se otevře zobrazení tvůrce bloků. Odtud máte tři způsoby, jak přidat obsah:
Ruční vstup
Ručně pište nebo upravujte obsah bloků přímo v zobrazení tvůrce.
Vložit obsah
Vložte kód, text nebo jiný obsah přímo do tvůrce bloků.
Vytvoření pomocí AI
Použijte umělou inteligenci k generování obsahu bloků. Podporuje React, GLSL shadery, Svelte, HTML, Vue, Angular, Solid.js a CSS.
Generování bloků s umělou inteligencí
Při použití umělé inteligence k vytváření bloků můžete generovat širokou škálu typů obsahu. Kromě kódu můžete také vytvářet obrázky pomocí MediaGen nebo lokálně pomocí CompanyUI a generovat i videa.
Přímá úprava pomocí AI
Upravujte existující položky bloků přímo pomocí AI. Poskytněte instrukce a AI upraví obsah na místě.
Vytvořit varianty
Zadejte výzvu a určete, kolik variant chcete. AI vygeneruje více alternativních verzí obsahu bloku na základě vaší výzvy.
Používání bloků
Uložit kontext
Uložte dokumentaci API, úryvky kódu, návrhové reference a další kontextové bloky pro opětovné použití v projektech.
Vytvořit média
Vytvářejte a ukládejte obrázky, videa a další mediální aktiva přímo v knihovně bloků.
Odeslat do AI
Připojte uložené bloky jako kontext při práci s AI – poskytněte jí přesně informace, které potřebuje k vygenerování přesného kódu.
Rekonstrukce
Rekonstrukce je nástroj Kaiju Hub AI pro převod obrázků na kód a wireframy pomocí ohraničujících rámečků. Nahrajte libovolný obrázek uživatelského rozhraní, nakreslete nebo automaticky detekujte ohraničující rámečky kolem prvků, přiřaďte chování každému rámečku (např. otevírá modální okno, přechází do sekce) a vygenerujte funkční kód nebo rozvržení wireframu z anotovaného obrázku.
Anotace ohraničujícím rámečkem
Nakreslete nebo automaticky detekujte ohraničující rámečky kolem prvků uživatelského rozhraní v libovolném obrázku a poté jim přiřaďte interaktivní chování.
Dvojitý výstup
Převeďte anotované obrázky na funkční kód komponent pro cílový framework nebo exportujte jako rozvržení wireframu pro další úpravy.