Vytváření projektů
Nastavení projektu
Klikněte na + Nový projekt tlačítko v řídicím panelu projektů a otevřete tak průvodce vytvářením. První obrazovka konfiguruje základní nastavení vašeho projektu, než si vyberete technologický stack.
Název projektu
Zadejte název pro váš projekt. Název je ověřován v reálném čase – musí se jednat o platný název složky (bez speciálních znaků, jako jsou <>:"/\\|?*) a nesmí kolidovat se stávající složkou v dané lokalitě.
Umístění projektu
Výchozí adresář, kam bude vytvořena složka vašeho projektu. Kliknutím na Procházet můžete vybrat jiný adresář. Projekt je vytvořen jako podsložka s použitím názvu projektu.
Odkaz na GitHub
Volitelně vyberte účet GitHub, abyste automaticky vytvořili vzdálený repozitář spolu s vaším lokálním projektem. Chcete-li to přeskočit, vyberte možnost „Žádný (nepoužívat GitHub ve výchozím nastavení)“.
Vyberte platformu
Vyberte jeden ze čtyř dlaždic platformy a určete tak typ projektu, který vytváříte. Každá platforma zobrazuje na další obrazovce jinou sadu možností frameworku a technologického balíčku.
Prázdné
CLI nástroje, skripty, knihovny
Plocha
Nativní desktopové aplikace
Web
Aplikace pro webové prohlížeče
Mobilní
Aplikace pro zařízení
Typ sestavení
Vyberte, jak by měl být projekt inicializován:
Nová instalace
Vytvoří nový projekt pomocí standardních nástrojů frameworku. Kaiju Hub AI spustí příslušné příkazy CLI (např. npm create vite@latest, cargo init, npx create-tauri-app) a nainstaluje všechny závislosti.
Generováno pomocí AI
Popište, co chcete vytvořit, a nechte AI vygenerovat celý projekt. Poskytnete textový popis a volitelné referenční obrázky, poté AI napíše veškerý zdrojový kód, konfigurační soubory a strukturu projektu.
Po konfiguraci nastavení projektu klikněte na Pokračovat na Tech Stack a pokračujte.
Prázdné projekty
Prázdné projekty jsou určeny pro CLI nástroje, skripty, samostatné aplikace a specifické jazykové šablony. Vyberte si jazyk nebo runtime a Kaiju Hub AI vytvoří minimální strukturu projektu.
Možnosti jazyka / runtime
Některé jazyky obsahují selektory verzí. Například výběr Python zobrazí možnosti verzí (3.10, 3.11, 3.12, 3.13, 3.14, 3.15). Vybraná verze určuje, který interpret Pythonu se použije pro vytvoření virtuálního prostředí.
Desktopové projekty
Desktopové projekty vytvářejí nativní desktopové aplikace. Vyberte desktopový framework, frontendový framework pro uživatelské rozhraní a volitelně databázi. Všechny frontendové frameworky jsou předkonfigurovány s TypeScriptem.
Desktopové prostředí
Nativní framework, který poskytuje desktopové okno a systémové API.
Desktopový framework
UI framework, který běží uvnitř desktopového okna. Všechny možnosti jsou předkonfigurovány s TypeScriptem.
Frontendový framework
Volitelná integrace databáze pro lokální nebo cloudové ukládání dat.
Webové projekty
Webové projekty vytvářejí aplikace pro webové prohlížeče. Začněte výběrem mezi Frontend pouze nebo Pouze frontend a určete tak, které možnosti frameworku jsou k dispozici. Všechny frameworky jsou ve výchozím nastavení povoleny pro TypeScript.
Frontend pouze
Samostatné frameworky pro uživatelské rozhraní pro aplikace s jednou stránkou a statické weby. Obsahuje tlačítko Vlastní balíčky, pomocí kterého můžete přidat vlastní balíčky npm.
Pouze frontend
Kompletní webové frameworky se server-side renderingem a vestavěnými API routami.
Styling
Frontendový framework
Mobilní projekty
Mobilní projekty vytvářejí aplikace pro zařízení iOS a Android. Vyberte mobilní framework, verzi SDK a volitelně databázi.
Mobilní
Vyberte framework pro vaši mobilní aplikaci. Pro frameworky, které podporují více cílových SDK, se zobrazí selektor verzí SDK.
Verze SDK
Pro frameworky, jako je Expo, vyberte verzi SDK (např. 52, 53, 54, 55). Tím se určí základní závislosti a kompatibilita API.
Frontendový framework
Volitelná cloudová nebo lokální databáze pro vaši mobilní aplikaci.
Nová instalace
Když si vyberete Nová instalace jako typ sestavení, Kaiju Hub AI vytvoří váš projekt pomocí standardních nástrojů frameworku. Po výběru technologického stacku klikněte na Vytvořit projekt a Kaiju Hub AI se postará o zbytek.
Co se stane
1. Detekce správce balíčků
Kaiju Hub AI automaticky detekuje, který správce balíčků je nainstalován ve vašem systému (npm, yarn nebo pnpm).
2. Spuštění příkazu šablony
Spustí příslušný nástroj CLI pro vámi vybraný stack. Například: npm create vite@latest pro React, cargo init pro Rust, npx create-tauri-app pro Tauri.
3. Instalace závislostí
Spustí příkaz pro instalaci správce balíčků, aby se stáhly a nastavily všechny požadované závislosti.
4. Inicializace Git
Nastaví lokální repozitář Git s počátečním commitem.
5. Vytvoření repozitáře GitHub
Pokud jste propojili účet GitHub, automaticky vytvoří vzdálený repozitář a odešle počáteční commit.
Po dokončení vytvoření se projekt zobrazí v řídicím panelu projektů, kde jej můžete otevřít a začít s kódováním.
Generováno pomocí AI
Když si vyberete Generováno pomocí AI jako typ sestavení, popíšete, co chcete vytvořit, a AI napíše veškerý počáteční zdrojový kód. Po výběru technologického stacku klikněte na Vytvořit projekt a otevřete obrazovku generování AI.
Výběr AI modelu
V horní části obrazovky generování vyberte poskytovatele AI a model. Můžete si vybrat libovolného nakonfigurovaného poskytovatele (OpenAI, Anthropic, Gemini, Grok, DeepSeek, Ollama) a vybrat konkrétní model, který se má použít pro generování kódu.
Popis projektu
Napište podrobný popis toho, co chcete vytvořit. Čím konkrétnější budete, tím lepší budou výsledky. Zahrňte hlavní funkce, stránky, vzory uživatelského rozhraní a veškeré integrace, které potřebujete.
Dobré příklady:
- Webová stránka pro elektronické obchodování s nabídkou produktů a nákupním košíkem
- Dashboard pro správu úkolů s kanbanovými tabulemi
- Platforma sociálních médií s uživatelskými profily a kanály
- CRM systém se správou kontaktů a analýzou
Použijte tlačítko Vylepšit pomocí AI a automaticky rozšiřte svůj popis o další podrobnosti. Můžete také kliknout středním tlačítkem myši na ikonu mikrofonu a diktovat svůj popis pomocí hlasového vstupu.
Záložky postranního panelu
Levý postranní panel poskytuje další kontext pro AI:
Obrázky
Nahrajte referenční obrázky, návrhy nebo snímky obrazovky, abyste AI ukázali, jak má aplikace vypadat. Přetáhněte, vložte pomocí Ctrl+V nebo klikněte a přidejte. Vyžaduje se model, který podporuje zpracování obrazu.
Komponenty
Připojte opakovaně použitelné komponenty z vaší knihovny bloků. AI je začlení do generovaného projektu.
Soubory
Zahrňte referenční soubory, které má AI zohlednit během generování (např. stávající kód, návrhové specifikace nebo datové schémata).
Generovat
Klikněte na Generovat projekt v pravém horním rohu a spusťte generování AI. AI analyzuje váš popis a referenční materiály, naplánuje architekturu, vygeneruje strukturu souborů a napíše veškerý zdrojový kód a konfigurační soubory. Průběh je sledován v Globálním správci úkolů v reálném čase.