공식 스타터 CLI: Create AITuber OnAir

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

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

추천 시작 방법
npm create aituber-onair@latest
대화형 설정일곱 가지 아바타 템플릿에셋 및 라이선스 안내Vite + React + TypeScript

일곱 가지 시작 템플릿

첫 방송이나 개발 목적에 맞는 아바타 방식을 선택하세요. 대부분의 템플릿은 기본 에셋을 포함하고, Live2D는 사용자가 준비한 모델과 Cubism Core를 불러오며, Inochi2D는 샘플 모델을 필요할 때 내려받습니다.

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 호환 캐릭터가 상태별 반응, 음성 립싱크, 화면 인식, 솔로 방송용 표시를 지원하는 앱입니다.

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

PuruPuru

.purupuru 아바타 패키지를 불러오는 물리 기반 PNGTuber 앱입니다. 여섯 가지 표정 상태, 스프링 기반 머리카락 흔들림, 대기 호흡, 눈 깜빡임, 감정 이펙트를 지원하며 Miko 아바타를 포함합니다.

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

PSD

실행 중에 PSD 파일을 불러와 캔버스에 합성하는 타치에 앱입니다. PSDTool 방식의 레이어 전환, 입과 눈 역할 지정, 대기 모션과 머리카락 물리를 지원하며 라이선스 문제가 없는 샘플 PSD를 포함합니다.

Inochi2D 샘플 모델 Aka를 사용한 Inochi2D 스타터 템플릿 화면 미리보기

Inochi2D

Inochi2D 런타임을 포함한 WebGL 앱입니다. 로컬 .inx / .inp 모델 불러오기, 매니페스트 기반 모델, 드래그, 줌, 탭 반응, 음성 립싱크, 감정 이펙트를 지원합니다.

이 스크린샷은 Inochi2D 샘플 모델 "Aka"(제작: seagetch, CC BY 4.0)를 불러온 표시 예시입니다. CLI 설정 중에 내려받을 수 있으며 npm 패키지에는 포함되지 않습니다. 샘플 모델 / CC BY 4.0

명령어에서 실행까지

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

01

CLI 실행

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

npm create aituber-onair@latest
02

템플릿 선택

빠른 2D 시작은 PNGTuber, 3D 아바타 앱은 VRM, 보유한 Live2D 에셋을 쓰려면 Live2D, 스프라이트시트 애니메이션 캐릭터는 Pet, 물리 기반 PNGTuber는 PuruPuru, 레이어로 나뉜 타치에는 PSD, 리깅된 2D 모델은 Inochi2D를 선택합니다.

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
npm create aituber-onair@latest my-purupuru -- --template purupuru
npm create aituber-onair@latest my-psd-aituber -- --template psd
npm create aituber-onair@latest my-inochi2d-aituber -- --template inochi2d

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

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

GitHub에서 보기