majidmanzarpour/threejs-game-skills

어떤 프로젝트인가요?

핵심 기능

• 01디렉터 스킬이 게임에 관한 포괄적인 요청을 게임플레이, 그래픽, UI, 디버깅, 릴리스 담당 전문 스킬로 분배합니다.
• 02결정론적 테스트 훅과 시드가 지정된 RNG를 갖춘 Vite + TypeScript + Three.js 게임 스캐폴드를 제공합니다.
• 03스모크 테스트, 시각적 회귀 기준 이미지, 봇 플레이테스트용 Playwright 템플릿을 포함합니다.
• 04픽셀 지표와 렌더링 예산 데이터를 보고하는 캔버스 검사 스크립트를 제공합니다.
• 05Tripo, Gemini, ElevenLabs를 선택적으로 연동해 3D 모델, 이미지, 오디오를 생성합니다.

활용 사례

• Codex나 Claude Code에서 AI 코딩 에이전트를 사용해 빈 폴더부터 브라우저 게임을 제작할 때.
• 기존 Three.js 프로토타입의 그래픽, HUD 또는 모바일 컨트롤을 개선할 때.
• Three.js 게임 프로젝트에 자동화된 브라우저 테스트와 스크린샷 기준 이미지를 추가할 때.
• API 키를 사용할 수 있을 때 외부 제공업체를 통해 게임용 3D 모델, 텍스처 또는 사운드 효과를 생성할 때.

빠른 시작

1. 1

   Codex용 모든 스킬 설치

   npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a codex -g -y
2. 2

   Claude Code용 모든 스킬 설치

   npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a claude-code -g -y
3. 3

   프로젝트 폴더에서 Codex 또는 Claude Code를 열고 threejs-game-director를 사용해 게임을 만들도록 요청

사용 전 알아둘 점

• !Codex 및 Claude Code 에이전트에서만 작동하며, 독립형 게임 엔진으로는 사용할 수 없습니다.
• !일부 에셋 생성 기능에는 Tripo, Gemini 또는 ElevenLabs의 유료 API 키가 필요합니다. 키가 없으면 에이전트가 프로시저럴 에셋을 대신 사용합니다.

토픽

자주 묻는 질문

threejs-game-skills은(는) 무엇인가요?

플레이 가능한 완성도 높은 Three.js 브라우저 게임 제작을 돕는 Codex·Claude Code 에이전트 스킬 9종과 작업 분배 디렉터 스킬 Three.js Game Skills는 Three.js로 브라우저 게임을 만들기 위한 Codex 및 Claude Code용 에이전트 스킬 모음입니다. 진입점인 threejs-game-director가 요청을 분배하며, 게임플레이 시스템, 그래픽, UI, 디버깅, QA 및 릴리스와 3D·이미지·오디오 에셋 생성 등 각 분야를 담당하는 전문 스킬로 연결합니다. 각 스킬 폴더에는 자체 SKILL.md, 참고 자료, 헬퍼 스크립트와 에셋이 포함되어 있습니다.

threejs-game-skills은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

threejs-game-skills은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

threejs-game-skills은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. threejs-game-skills의 마지막 커밋은 2026년 9월 28일입니다.

threejs-game-skills은(는) 어디에 사용할 수 있나요?

Codex나 Claude Code에서 AI 코딩 에이전트를 사용해 빈 폴더부터 브라우저 게임을 제작할 때. 기존 Three.js 프로토타입의 그래픽, HUD 또는 모바일 컨트롤을 개선할 때. Three.js 게임 프로젝트에 자동화된 브라우저 테스트와 스크린샷 기준 이미지를 추가할 때. API 키를 사용할 수 있을 때 외부 제공업체를 통해 게임용 3D 모델, 텍스처 또는 사운드 효과를 생성할 때.

threejs-game-skills는 어떻게 설치하나요?

Codex용 모든 스킬 설치: npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a codex -g -y Claude Code용 모든 스킬 설치: npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a claude-code -g -y 프로젝트 폴더에서 Codex 또는 Claude Code를 열고 threejs-game-director를 사용해 게임을 만들도록 요청

threejs-game-skills은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/majidmanzarpour/threejs-game-skills