hoainho/img2threejs
Python8 / 0
단일 레퍼런스 이미지를 코드 기반의 절차적 Three.js 팩토리로 재구성해 애니메이션 준비 모델을 생성하는 Claude Code 에이전트 스킬이다.
TL;DR
이 레포는 단일 레퍼런스 이미지를 입력으로 받아 단계별 검증과 비교 시트 기반의 에이전트 채점을 통해 TypeScript로 된 Three.js 팩토리 코드를 생성하는 스킬이다. 핵심은 Python 표준 스크립트가 검증·게이팅·패키징을 담당하고 에이전트는 시각 판단에만 토큰을 소비하도록 설계된 패스 게이팅 파이프라인이다. 결과물은 런타임 계층을 노출하는 애니메이션 준비 THREE.Group 팩토리와 ObjectSculptSpec JSON으로 제공되어 배포와 리뷰가 용이하다. 단일 이미지 한계로 보이지 않는 면의 정확한 지오메트리는 보장하지 않으며 품질 부족 시 엄격한 게이트가 코드 생성을 차단한다.
핵심 포인트
- 순수 코드 기반 재구성으로 메쉬 파일 대신 TypeScript 팩토리만 배포하므로 용량과 배포 복잡도가 크게 낮다.
- 패스 게이팅 설계는 에이전트가 매번 전체 컨텍스트를 다시 읽지 않게 하여 토큰 비용과 반복 작업량을 줄이는 데 초점을 맞추었다.
- 파이프라인의 품질 게이트는 디테일 인벤토리와 비교 시트 점수를 기준으로 엄격하게 동작해 얕은 사양에서의 불필요한 코드 생성을 방지한다.
- TypeScript 팩토리를 생성해 THREE.Group 형태의 런타임 계층과 root.userData.sculptRuntime을 노출하므로 소켓·피벗·콜라이더를 그대로 애니메이션에서 활용할 수 있다. 생성된 코드는 텍스트 차별화를 통해 버전 관리와 리뷰가 가능하며 메쉬 파일을 내려받을 필요가 없다. 런타임 구조가 명세와 직접 연결되어 후처리나 파이프라인 통합이 수월하다.
이미지 분석

4k
STARS
299
FORKS
+214
TRENDING
8
조회수
관련 토론
아직 관련 토론이 없습니다.
댓글
댓글을 작성하려면 로그인이 필요합니다.