참조 이미지 한 장에서 메시 파일이 아닌 애니메이션 가능한 절차적 Three.js TypeScript 코드를 생성합니다.
viettranx/3dviz-pro-max
AI 코딩 에이전트가 레시피, 키트, 프레임 캡처를 활용해 아이디어를 Three.js 또는 Blender 장면으로 구현하도록 안내하는 에이전트 스킬입니다.
- 스타
- 810
- 포크
- 99
- 열린 이슈
- 1
- 마지막 커밋
- 지난달
어떤 프로젝트인가요?
3dviz-pro-max는 창의적인 3D 시각화를 위한 독립형 에이전트 스킬입니다. 의도 파악, 오브젝트 분석, 구성 방식 선택, 첫 화면 만들기, 실행 및 점검, 개선을 아우르는 10단계 워크플로를 제공하므로, ‘탐험할 수 있는 작은 판타지 마을’처럼 짧은 프롬프트만으로도 코딩 에이전트가 Three.js 장면을 만들고 확인할 수 있습니다.
이 스킬에는 24개 주제 분야에 걸친 레시피 223개를 검색할 수 있는 카탈로그, 지식 기록 440개, 키트 설계도 22개, 해부학·수학·물리학·공예 세계·조명을 다루는 실행 가능한 예제 연구 37개가 포함됩니다. 지식 기록에는 스타일 프로필과 조명 기본값이 있으며, 필수 설정이 아닌 조정 가능한 시작점으로 활용할 수 있습니다.
또한 색상 관리, 톤 매핑, 카메라 및 조명 리그가 포함된 Vite 및 Three.js 스캐폴드와, Playwright를 기반으로 빌드된 장면의 PNG 프레임 및 콘솔 로그를 저장하는 캡처 도우미도 제공합니다. 스킬은 안내와 파일을 제공하며, 장면을 만들고 실행하는 것은 에이전트 자체 도구의 몫입니다. Claude Code에는 플러그인 또는 스킬 폴더로 설치할 수 있고, Codex용으로도 설계되었습니다.
핵심 기능
- 01에이전트가 의도 파악부터 3D 장면의 보고 및 점검까지 진행하도록 안내하는 10단계 워크플로입니다.
- 0224개 주제 분야에 걸친 레시피 223개를 검색할 수 있는 카탈로그입니다.
- 03구체적인 시작값으로 활용할 수 있는 스타일 프로필과 조명 리그입니다.
- 04톤 매핑, 색상 관리, 카메라 리그가 포함된 Vite 및 Three.js 스캐폴드입니다.
- 05빌드된 장면의 PNG 프레임을 저장하는 Playwright 기반 캡처 도우미입니다.
- 06각각 생성 프롬프트와 제한 사항이 포함된 5개 챕터의 실행 가능한 예제 연구입니다.
활용 사례
- 코딩 에이전트와 함께 한 문장으로 작성한 창작 브리프를 탐험 가능한 3D 장면으로 프로토타이핑하기.
- 해부학, 물리학 또는 수학 개념을 인터랙티브한 Three.js 시각화로 구현하기.
- 키트와 레시피를 활용해 건물이나 기계 기어 같은 일반적인 3D 에셋을 빠르게 만들기.
- 추측에 의존하지 않고 캡처한 프레임을 점검해 에이전트가 렌더링된 장면을 확인하게 하기.
빠른 시작
- 1
저장소를 클론합니다
git clone https://github.com/viettranx/3dviz-pro-max.git - 2
스킬 폴더를 Claude Code의 skills에 연결합니다
ln -s "$(pwd)/skills/3dviz-pro-max" ~/.claude/skills/3dviz-pro-max
사용 전 알아둘 점
- 이 스킬은 가이드와 시작 파일을 제공할 뿐 렌더러는 아닙니다. 에이전트가 씬을 만들고 실행하는 데 필요한 도구를 제공해야 합니다.
- 브라우저 캡처를 사용하려면 선택적으로 Playwright를 설치해야 합니다.
- 플러그인 마켓플레이스를 통한 방법은 README에서 테스트되지 않은 것으로 명시되어 있습니다.
토픽
자주 묻는 질문
- 3dviz-pro-max은(는) 무엇인가요?
- AI 코딩 에이전트가 레시피, 키트, 프레임 캡처를 활용해 아이디어를 Three.js 또는 Blender 장면으로 구현하도록 안내하는 에이전트 스킬입니다. 3dviz-pro-max는 창의적인 3D 시각화를 위한 독립형 에이전트 스킬입니다. 의도 파악, 오브젝트 분석, 구성 방식 선택, 첫 화면 만들기, 실행 및 점검, 개선을 아우르는 10단계 워크플로를 제공하므로, ‘탐험할 수 있는 작은 판타지 마을’처럼 짧은 프롬프트만으로도 코딩 에이전트가 Three.js 장면을 만들고 확인할 수 있습니다.
- 3dviz-pro-max은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- 3dviz-pro-max은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- 3dviz-pro-max은(는) 아직 유지보수되고 있나요?
- 6개월 이내 업데이트. 3dviz-pro-max의 마지막 커밋은 2026년 9월 11일입니다.
- 3dviz-pro-max은(는) 어디에 사용할 수 있나요?
- 코딩 에이전트와 함께 한 문장으로 작성한 창작 브리프를 탐험 가능한 3D 장면으로 프로토타이핑하기. 해부학, 물리학 또는 수학 개념을 인터랙티브한 Three.js 시각화로 구현하기. 키트와 레시피를 활용해 건물이나 기계 기어 같은 일반적인 3D 에셋을 빠르게 만들기. 추측에 의존하지 않고 캡처한 프레임을 점검해 에이전트가 렌더링된 장면을 확인하게 하기.
- 3dviz-pro-max는 어떻게 설치하나요?
- 저장소를 클론합니다: git clone https://github.com/viettranx/3dviz-pro-max.git 스킬 폴더를 Claude Code의 skills에 연결합니다: ln -s "$(pwd)/skills/3dviz-pro-max" ~/.claude/skills/3dviz-pro-max
- 3dviz-pro-max은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/viettranx/3dviz-pro-max
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
AI 에이전트의 어려운 질문 답변을 다이어그램과 표를 갖춘 오프라인 HTML 페이지로 만드는 에이전트 스킬입니다.
Claude Code나 Codex 프로젝트를 방으로, 각 에이전트를 실시간 활동을 보여주는 픽셀 아트 캐릭터로 표현하는 가상 사무실입니다.
사진 한 장으로 편집 가능한 Blender 씬, Three.js 뷰어, 이동 가능한 GLB 모델을 만드는 에이전트 기반 스킬입니다.
아이디어, 계획, 코드베이스를 인터랙티브 HTML 다이어그램으로 만드는 에이전트 스킬
코딩 에이전트가 다이어그램, diff 리뷰, 계획, 표를 ASCII 아트 대신 스타일이 적용된 HTML 페이지로 렌더링하게 하는 에이전트 스킬입니다.