Tworzenie projektów
Konfiguracja projektu
Kliknij przycisk + Nowy Projekt z Panelu Projektów, aby otworzyć kreator tworzenia. Pierwszy ekran konfiguruje podstawy projektu przed wyborem stosu technologicznego.
Nazwa projektu
Wprowadź nazwę dla swojego projektu. Nazwa jest walidowana w czasie rzeczywistym — musi być prawidłową nazwą folderu (bez znaków specjalnych jak <>:"/\|?*) i nie może kolidować z istniejącym folderem w wybranej lokalizacji.
Lokalizacja projektu
Domyślny katalog, w którym zostanie utworzony folder projektu. Kliknij Przeglądaj, aby wybrać inny katalog. Projekt jest tworzony jako podfolder o nazwie projektu.
Połącz z GitHub
Opcjonalnie wybierz konto GitHub, aby automatycznie utworzyć zdalne repozytorium obok lokalnego projektu. Wybierz „Brak (Nie używaj GitHub domyślnie)", aby pominąć.
Wybierz platformę
Wybierz jedną z czterech kafelków platformy, aby określić typ budowanego projektu. Każda platforma pokazuje inny zestaw opcji frameworka i stosu technologicznego na następnym ekranie.
Pusty
Narzędzia CLI, skrypty, biblioteki
Desktopowy
Natywne aplikacje desktopowe
Webowy
Aplikacje przeglądarkowe
Mobilny
Aplikacje na urządzenia
Typ kompilacji
Wybierz, jak projekt powinien zostać zainicjalizowany:
Świeża instalacja
Tworzy nowy projekt przy użyciu standardowego narzędzia frameworka. Kaiju Hub AI uruchamia odpowiednie polecenia CLI (np. npm create vite@latest, cargo init, npx create-tauri-app) i instaluje wszystkie zależności.
Generowany przez AI
Opisz, co chcesz zbudować, i pozwól AI wygenerować cały projekt. Podajesz opis tekstowy i opcjonalne obrazy referencyjne, a AI pisze cały kod źródłowy, pliki konfiguracyjne i strukturę projektu.
Po skonfigurowaniu projektu kliknij Kontynuuj do Stosu Technologicznego aby kontynuować.
Projekty puste
Projekty puste są przeznaczone do narzędzi CLI, skryptów, samodzielnych aplikacji i starterów specyficznych dla języka. Wybierz swój język lub środowisko uruchomieniowe, a Kaiju Hub AI utworzy minimalną strukturę projektu.
Opcje języka / środowiska uruchomieniowego
Niektóre języki zawierają selektory wersji. Na przykład, wybranie Python pokazuje opcje wersji (3.10, 3.11, 3.12, 3.13, 3.14, 3.15). Wybrana wersja określa, który interpreter Pythona jest używany do tworzenia środowiska wirtualnego.
Projekty desktopowe
Projekty desktopowe tworzą natywne aplikacje desktopowe. Wybierz framework desktopowy, framework frontend dla UI i opcjonalnie bazę danych. Wszystkie frameworki frontend są wstępnie skonfigurowane z TypeScript.
Framework desktopowy
Natywny framework zapewniający powłokę okna desktopowego i interfejsy API na poziomie systemu.
Framework frontend
Framework UI działający wewnątrz okna desktopowego. Wszystkie opcje są wstępnie skonfigurowane z TypeScript.
Baza danych
Opcjonalna integracja bazy danych do lokalnego lub chmurowego przechowywania danych.
Projekty webowe
Projekty webowe tworzą aplikacje oparte na przeglądarce. Zacznij od wyboru między Tylko frontend lub Full-stack aby określić, które opcje frameworka są dostępne. Wszystkie frameworki mają domyślnie włączony TypeScript.
Tylko frontend
Samodzielne frameworki UI do aplikacji jednostronicowych i stron statycznych. Zawiera przycisk Niestandardowe pakiety do dodawania własnych pakietów npm.
Full-stack
Kompletne frameworki webowe z renderowaniem po stronie serwera i wbudowanymi trasami API.
Stylizacja
Baza danych
Projekty mobilne
Projekty mobilne tworzą aplikacje na urządzenia iOS i Android. Wybierz framework mobilny, wersję SDK i opcjonalnie bazę danych.
Framework mobilny
Wybierz framework dla swojej aplikacji mobilnej. Selektor wersji SDK pojawia się dla frameworków obsługujących wiele celów SDK.
Wersja SDK
Dla frameworków takich jak Expo wybierz wersję SDK (np. 52, 53, 54, 55). Określa to bazowe zależności i kompatybilność API.
Baza danych
Opcjonalna baza danych w chmurze lub lokalna dla Twojej aplikacji mobilnej.
Świeża instalacja
Gdy wybierzesz Nowa Instalacja jako typ budowania, Kaiju Hub AI tworzy szkielet projektu używając standardowych narzędzi frameworka. Po wybraniu stosu technologicznego kliknij Utwórz Projekt a Kaiju Hub AI zajmie się resztą.
Co się dzieje
1. Wykrywanie menedżera pakietów
Kaiju Hub AI automatycznie wykrywa, który menedżer pakietów jest zainstalowany w Twoim systemie (npm, yarn lub pnpm).
2. Uruchomienie polecenia tworzenia
Wykonuje odpowiednie narzędzie CLI dla wybranego stosu. Na przykład: npm create vite@latest dla React, cargo init dla Rust, npx create-tauri-app dla Tauri.
3. Instalacja zależności
Uruchamia polecenie instalacji menedżera pakietów, aby pobrać i skonfigurować wszystkie wymagane zależności.
4. Inicjalizacja Git
Konfiguruje lokalne repozytorium Git z początkowym commitem.
5. Tworzenie repozytorium GitHub
Jeśli połączono konto GitHub, automatycznie tworzy zdalne repozytorium i wysyła początkowy commit.
Projekt pojawia się w Twoim Pulpicie projektów po zakończeniu tworzenia, gotowy do otwarcia i rozpoczęcia kodowania.
Generowany przez AI
Gdy wybierzesz Wygenerowany przez AI jako typ budowania, opisujesz co chcesz zbudować, a AI pisze cały początkowy kod. Po wybraniu stosu technologicznego kliknij Utwórz Projekt aby otworzyć ekran generowania AI.
Wybór modelu AI
Na górze ekranu generowania wybierz dostawcę AI i model. Możesz wybrać z dowolnego skonfigurowanego dostawcy (OpenAI, Anthropic, Gemini, Grok, DeepSeek, Ollama) i wybrać konkretny model do generowania kodu.
Opis projektu
Napisz szczegółowy opis tego, co chcesz zbudować. Im bardziej szczegółowy jesteś, tym lepsze wyniki. Uwzględnij główne funkcje, strony, wzorce UI i wszelkie potrzebne integracje.
Dobre przykłady:
- Strona e-commerce z listą produktów i koszykiem
- Panel zarządzania zadaniami z tablicami kanban
- Platforma mediów społecznościowych z profilami użytkowników i feedami
- System CRM z zarządzaniem kontaktami i analityką
Użyj przycisku Ulepsz z AI aby automatycznie rozszerzyć opis o więcej szczegółów. Możesz też kliknąć środkowym przyciskiem myszy ikonę mikrofonu, aby podyktować opis za pomocą wejścia głosowego.
Zakładki panelu bocznego
Lewy panel boczny zapewnia dodatkowy kontekst dla AI:
Obrazy
Prześlij obrazy referencyjne, makiety lub zrzuty ekranu, aby pokazać AI, jak ma wyglądać aplikacja. Przeciągnij i upuść, wklej za pomocą Ctrl+V lub kliknij, aby dodać. Wymaga wybranego modelu z obsługą wizji.
Komponenty
Dołącz wielokrotnie używane komponenty z Biblioteki bloków. AI włączy je do generowanego projektu.
Pliki
Dołącz pliki referencyjne, które AI powinno uwzględnić podczas generowania (np. istniejący kod, specyfikacje projektowe lub schematy danych).
Generuj
Kliknij Generuj Projekt w prawym górnym rogu, aby rozpocząć generowanie AI. AI przeanalizuje twój opis i materiały referencyjne, zaplanuje architekturę, wygeneruje strukturę plików i napisze cały kod źródłowy i pliki konfiguracyjne. Postęp jest śledzony w Globalny Menedżer Zadań w czasie rzeczywistym.