공식 스타터 CLI: Create AITuber OnAir

AI VTuber 앱 개발을 더 쉽게 시작하세요.

PNGTuber, VRM, Live2D, Pet을 지원하는 스타터 앱 저장소를 만들고, 브라우저 Settings에서 LLM, TTS, 라이브 채팅 설정을 구성할 수 있습니다.

추천 시작 방법
npm create aituber-onair@latest
대화형 설정PNGTuber / VRM / Live2D / Pet 템플릿에셋 및 라이선스 안내Vite + React + TypeScript

네 가지 시작 템플릿

첫 방송이나 개발 목적에 맞는 아바타 방식을 선택하세요. PNGTuber, VRM, Pet은 기본 에셋을 포함하고, Live2D는 사용자가 준비한 모델과 Cubism Core를 불러옵니다.

PNGTuber 스타터 템플릿 화면 미리보기

PNGTuber

입과 눈 상태 이미지, 실시간 립싱크, 채팅 UI, 스트리밍 댓글 설정을 포함한 가벼운 2D 아바타 앱입니다.

VRM 스타터 템플릿 화면 미리보기

VRM

VRM 모델, idle 애니메이션, 카메라 컨트롤, 음성 립싱크, AITuber OnAir 설정 흐름을 포함한 3D 아바타 앱입니다.

Live2D 공식 샘플 모델 Momose Hiyori를 사용한 Live2D 스타터 템플릿 화면 미리보기

Live2D

사용자가 준비한 Live2D 모델 폴더와 Cubism Core 런타임을 배치해 사용하는 앱으로, 드래그, 줌, 음성 립싱크를 지원합니다.

이 스크린샷은 Live2D 공식 샘플 데이터 "Momose Hiyori"를 불러온 표시 예시입니다. 모델 데이터는 AITuber OnAir에 포함되지 않습니다. Sample data page / Terms

Pet 스타터 템플릿 화면 미리보기

Pet

8x9 스프라이트시트의 Codex Pet 호환 캐릭터가 상태별 반응, 음성 립싱크, 화면 인식, 솔로 방송용 표시를 지원하는 앱입니다.

명령어에서 실행까지

Create Vite에 가까운 흐름으로 대화형 설정, 템플릿 선택, 의존성 설치 여부를 진행합니다.

01

CLI 실행

대화형 명령어로 시작하세요.

npm create aituber-onair@latest
02

템플릿 선택

빠른 2D 시작은 PNGTuber, 3D 아바타 앱은 VRM, 보유한 Live2D 에셋을 쓰려면 Live2D, 스프라이트시트 애니메이션 캐릭터를 쓰려면 Pet을 선택합니다.

03

로컬 실행

생성된 Vite 앱을 실행하고 Settings에서 API 키를 설정합니다.

npm run dev

CLI 사용법

먼저 대화형 흐름을 권장합니다. 반복 가능한 생성이 필요할 때는 플래그를 사용하세요.

npm create aituber-onair@latest
npm create aituber-onair@latest my-aituber
npm create aituber-onair@latest my-aituber -- --template pngtuber
npm create aituber-onair@latest my-vrm-aituber -- --template vrm
npm create aituber-onair@latest my-live2d-aituber -- --template live2d
npm create aituber-onair@latest my-pet-aituber -- --template pet

나만의 AI VTuber 앱을 만드세요.

AITuber OnAir는 스타터 앱과 채팅, 음성, 스트리밍 기반을 제공해 캐릭터와 경험 제작에 집중하기 쉽게 합니다.

GitHub에서 보기