프로젝트 생성
프로젝트 설정
Click the + 새 프로젝트 버튼을 프로젝트 대시보드에서 클릭하여 생성 마법사를 엽니다. 첫 번째 화면에서 기술 스택을 선택하기 전에 프로젝트 기본 사항을 구성합니다.
프로젝트 이름
프로젝트 이름을 입력합니다. 이름은 실시간으로 유효성이 검사됩니다 — 유효한 폴더 이름이어야 하며 (<>:"/\\|?* 같은 특수 문자 불가) 선택한 위치의 기존 폴더와 충돌하지 않아야 합니다.
프로젝트 위치
프로젝트 폴더가 생성될 기본 디렉토리입니다. 다른 디렉토리를 선택하려면 찾아보기를 클릭합니다. 프로젝트는 프로젝트 이름을 사용하여 하위 폴더로 생성됩니다.
GitHub에 연결
로컬 프로젝트와 함께 원격 저장소를 자동으로 생성하기 위해 선택적으로 GitHub 계정을 선택합니다. 이를 건너뛰려면 "없음 (기본적으로 GitHub 사용 안 함)"을 선택합니다.
플랫폼 선택
네 가지 플랫폼 타일 중 하나를 선택하여 빌드하려는 프로젝트 유형을 결정합니다. 각 플랫폼은 다음 화면에서 다른 프레임워크 및 기술 스택 옵션 세트를 표시합니다.
Blank
CLI 도구, 스크립트, 라이브러리
Desktop
네이티브 데스크톱 앱
Web
브라우저 기반 앱
Mobile
디바이스 애플리케이션
빌드 유형
프로젝트 초기화 방법을 선택합니다:
Fresh Install
표준 프레임워크 도구를 사용하여 새 프로젝트를 스캐폴딩합니다. Kaiju Hub AI이 적절한 CLI 명령 (예: npm create vite@latest, cargo init, npx create-tauri-app)을 실행하고 모든 종속성을 설치합니다.
AI-Generated
빌드하고 싶은 것을 설명하면 AI가 전체 프로젝트를 생성합니다. 텍스트 설명과 선택적 참조 이미지를 제공하면 AI가 모든 소스 코드, 구성 파일, 프로젝트 구조를 작성합니다.
프로젝트 설정을 구성한 후 기술 스택으로 계속 을 클릭하여 진행합니다.
Blank 프로젝트
Blank 프로젝트는 CLI 도구, 스크립트, 독립형 애플리케이션, 언어별 스타터를 위한 것입니다. 언어 또는 런타임을 선택하면 Kaiju Hub AI이 최소 프로젝트 구조를 스캐폴딩합니다.
언어 / 런타임 옵션
일부 언어에는 버전 선택기가 있습니다. 예를 들어 Python 을 선택하면 버전 옵션(3.10, 3.11, 3.12, 3.13, 3.14, 3.15)이 표시됩니다. 선택한 버전에 따라 가상 환경 생성에 사용되는 Python 인터프리터가 결정됩니다.
데스크톱 프로젝트
데스크톱 프로젝트는 네이티브 데스크톱 애플리케이션을 생성합니다. 데스크톱 프레임워크, UI용 프론트엔드 프레임워크, 선택적으로 데이터베이스를 선택합니다. 모든 프론트엔드 프레임워크는 TypeScript로 미리 구성되어 있습니다.
데스크톱 프레임워크
데스크톱 창 셸과 시스템 수준 API를 제공하는 네이티브 프레임워크.
프론트엔드 프레임워크
데스크톱 창 내에서 실행되는 UI 프레임워크. 모든 옵션은 TypeScript로 미리 구성되어 있습니다.
Database
로컬 또는 클라우드 데이터 저장을 위한 선택적 데이터베이스 통합.
웹 프로젝트
웹 프로젝트는 브라우저 기반 애플리케이션을 만듭니다. 먼저 Frontend Only 또는 Full-Stack 중에서 선택하여 사용 가능한 프레임워크 옵션을 결정합니다. 모든 프레임워크는 기본적으로 TypeScript가 활성화되어 있습니다.
Frontend Only
싱글 페이지 앱과 정적 사이트를 위한 독립형 UI 프레임워크. 자체 npm 패키지를 추가하기 위한 커스텀 패키지 버튼이 포함됩니다.
Full-Stack
서버 사이드 렌더링과 API 라우트가 내장된 완전한 웹 프레임워크.
스타일링
Database
모바일 프로젝트
모바일 프로젝트는 iOS와 Android용 디바이스 애플리케이션을 생성합니다. 모바일 프레임워크, SDK 버전, 선택적으로 데이터베이스를 선택합니다.
Mobile Framework
모바일 애플리케이션의 프레임워크를 선택합니다. 여러 SDK 대상을 지원하는 프레임워크에는 SDK 버전 선택기가 나타납니다.
SDK 버전
Expo와 같은 프레임워크의 경우 SDK 버전을 선택합니다 (예: 52, 53, 54, 55). 이것은 기본 종속성과 API 호환성을 결정합니다.
Database
모바일 앱을 위한 선택적 클라우드 또는 로컬 데이터베이스.
Fresh Install
When you choose 새로 설치 를 빌드 유형으로 선택하면 Kaiju Hub AI가 표준 프레임워크 도구를 사용하여 프로젝트를 스캐폴딩합니다. 기술 스택을 선택한 후 프로젝트 생성 을 클릭하면 Kaiju Hub AI가 나머지를 처리합니다.
수행 과정
1. Detect Package Manager
Kaiju Hub AI이 시스템에 설치된 패키지 관리자를 자동으로 감지합니다 (npm, yarn 또는 pnpm).
2. Run Scaffold Command
선택한 스택에 적합한 CLI 도구를 실행합니다. 예: React용 npm create vite@latest, Rust용 cargo init, Tauri용 npx create-tauri-app.
3. Install Dependencies
패키지 관리자 설치 명령을 실행하여 필요한 모든 종속성을 다운로드하고 설정합니다.
4. Initialize Git
초기 커밋으로 로컬 Git 저장소를 설정합니다.
5. Create GitHub Repo
GitHub 계정을 연결한 경우, 자동으로 원격 저장소를 생성하고 초기 커밋을 푸시합니다.
생성이 완료되면 프로젝트가 프로젝트 대시보드에 나타나며, 열어서 코딩을 시작할 수 있습니다.
AI-Generated
When you choose AI 생성 를 빌드 유형으로 선택하면 구축하려는 내용을 설명하고 AI가 전체 초기 코드베이스를 작성합니다. 기술 스택을 선택한 후 프로젝트 생성 을 클릭하여 AI 생성 화면을 엽니다.
AI 모델 선택
생성 화면 상단에서 AI 제공자와 모델을 선택합니다. 구성된 모든 제공자(OpenAI, Anthropic, Gemini, Grok, DeepSeek, Ollama) 중에서 선택하고 코드 생성에 사용할 특정 모델을 선택할 수 있습니다.
프로젝트 설명
빌드하고 싶은 것에 대한 상세한 설명을 작성합니다. 더 구체적일수록 결과가 더 좋습니다. 주요 기능, 페이지, UI 패턴, 필요한 통합을 포함하세요.
좋은 예시:
- 상품 목록과 장바구니가 있는 이커머스 웹사이트
- 칸반 보드가 있는 작업 관리 대시보드
- 사용자 프로필과 피드가 있는 소셜 미디어 플랫폼
- 연락처 관리와 분석이 있는 CRM 시스템
Use the AI로 향상 버튼을 사용하여 설명을 자동으로 더 자세하게 확장합니다. 마이크 아이콘을 가운데 클릭하여 음성 입력으로 설명을 받아쓸 수도 있습니다.
사이드바 탭
왼쪽 사이드바는 AI에 추가 컨텍스트를 제공합니다:
Images
앱의 외관을 AI에게 보여주기 위해 참조 이미지, 목업, 스크린샷을 업로드합니다. 드래그 앤 드롭, Ctrl+V로 붙여넣기, 또는 클릭하여 추가합니다. 비전 지원 모델이 선택되어야 합니다.
Components
블록 라이브러리에서 재사용 가능한 컴포넌트를 첨부합니다. AI가 생성된 프로젝트에 이를 통합합니다.
Files
생성 중 AI가 고려해야 할 참조 파일을 포함합니다 (예: 기존 코드, 디자인 사양, 데이터 스키마).
Generate
Click 프로젝트 생성 을 오른쪽 상단에서 클릭하여 AI 생성을 시작합니다. AI가 설명과 참고 자료를 분석하고, 아키텍처를 계획하고, 파일 구조를 생성하고, 모든 소스 코드와 구성 파일을 작성합니다. 진행 상황은 글로벌 작업 관리자 에서 실시간으로 추적됩니다.