Three.js Game Skills: Three.js 웹 게임을 만드는 9개 스킬 모음
Claude Code·Codex와 Three.js 웹 게임을 만들고 개선하기 위한 9개 스킬 모음이에요. 게임플레이·그래픽·UI·에셋 제작과 QA를 분리하고 디렉터가 작업을 조정해요.
주요 기능
- Vite·TypeScript·Three.js 게임 시작 템플릿과 결정적 시드 난수·테스트 훅을 제공해요.
- 게임플레이·그래픽·UI, 3D·이미지·오디오 생성, 디버깅·QA를 역할별 스킬로 나눕니다.
- Playwright 스모크·시각 회귀·봇 플레이테스트와 캔버스 검사·증거 점검 도구가 포함돼요.
구조
자체 완결형 skills 디렉터리와 설치 스크립트, Vite 게임 템플릿으로 구성돼요. 확인한 게임 템플릿은 Three.js ^0.184.0, Vite ^8.0.13, TypeScript ^6.0.3, Playwright ^1.60.0을 선언해요.
누구에게 쓸모 있나요
웹 3D 게임의 프로토타입부터 반복적인 조작감·화면·성능 개선까지 에이전트와 진행하려는 개발자.
설치 전 준비
- Claude Code 또는 Codex와 스킬 로딩 지원이 필요해요.
- 게임 빌드에는 Node.js·패키지 관리 도구와 템플릿 의존성이 필요해요. 이 조사에서는 최소 Node 버전을 확정하지 않았어요.
- 핵심 스킬은 특정 모델·유료 API 키를 필수로 요구하지 않습니다. 선택적 Tripo·Gemini·ElevenLabs 생성 경로는 각각의 서비스 접근이 필요해요.
- Claude Code 및 Codex의 사용자 스킬 폴더
- Three.js 웹 게임과 브라우저·Playwright 기반 검사
설치 방법
Codex 스킬 설치
공식 README 예시예요. 명령은 실행하지 않았으며 설치 시 공급망·현재 호환성을 별도 확인해야 해요.
npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a codex -g -y사용 방법
- Codex에서 $threejs-game-director, Claude Code에서 /threejs-game-director로 게임 목표와 품질 조건을 전달해요.
- 생성 에셋이나 테스트 결과는 실제 게임 화면·조작을 별도로 검수해야 해요.
비용과 API 키
저장소 코드 이용료는 없지만 에이전트 구독·모델 사용료, 선택적 Tripo·Gemini·ElevenLabs API 비용은 별도예요. 현재 요금은 조사하지 않았어요.
라이선스
MIT, Copyright 2026 Majid Manzarpour. 외부 생성 에셋과 서비스 이용 조건은 별도예요.
주의사항과 알려진 이슈
- API 키를 브라우저 클라이언트나 저장소에 넣지 않아야 해요. 외부 생성 서비스를 사용하면 입력 자료 전송과 과금이 발생할 수 있어요.
- 기존 같은 이름의 스킬과 중복 설치를 점검해야 해요. 강제 덮어쓰기·정리 옵션은 사용자 파일을 바꿀 수 있어요.
- AAA·고품질 표현은 제작 목표이지 보증이 아니에요. 테스트 통과와 실제 재미·시각 품질은 구분해야 해요.
확인 범위
확인 날짜: 2026-11-08
확인 커밋: 8286774b22a2566bf894dbc825825c16921866af
확인한 범위: 공식 GitHub 기본 브랜치의 관측 커밋과 고정 커밋 README·LICENSE 및 매니페스트/도구 일부를 읽은 정적 검토예요. 공식 문서의 기능 설명과 작성자 검증 주장은 독립 실행 검증과 구분했어요.
확인 한계: 저장소 설치·코드 실행·스킬 활성화·모델 호출·출력 생성·브라우저 시각 검수·전체 보안 감사를 하지 않았어요. 이슈 목록·현재 외부 요금은 별도 조사하지 않았으며 issues 빈 배열은 문제가 없다는 뜻이 아니에요.