사용 방법
- 설치 명령을 복사하고 자신의 에이전트 환경에 설치하기 전에 소스 패키지를 확인하세요.
- 필요한 도구, 인증 정보, 지원 환경은 원본 문서에서 확인하세요.
- 입력과 원하는 산출물을 설명하고 출처와 결과를 대조하세요.
npx skills add https://github.com/kevinbadi/blender-skills --skill blender-threejs-export시작 전 확인
- 설치에는 모델 구독, API 한도, 파일 접근 권한이 포함되지 않습니다.
- 별점 수와 설치 수는 활동 지표이며 독립적인 품질·보안 검증이 아닙니다.
원본 저장소의 제목, 예시, 코드, 표, 링크, 이미지를 유지해 표시합니다.
Blender Three.js Export
Exports the current Blender scene as a compressed GLB and generates a standalone HTML file with a Three.js viewer. The viewer includes orbit controls, studio lighting, auto-rotation, and responsive sizing — ready to drop into any website.
Prerequisites
- Blender (4.x+) running with the Blender MCP addon active on port 9876
- A scene loaded in Blender (e.g. after running
blender-product-polish)
How to Run
node skills/blender-threejs-export/scripts/blender-threejs-export.js --output ~/Desktop/my-productOptions
| Option | Description | Default |
|---|---|---|
--output | Output directory for the GLB + HTML files | required |
--name | File name (without extension) | model |
--port | Blender MCP port | 9876 |
--no-rotate | Disable auto-rotation | false |
--bg | Background color hex | #111111 |
--embed | Base64-embed the GLB into the HTML (single file) | false |
Output
output-dir/
model.glb # Compressed GLB export from Blender
model.html # Standalone Three.js viewer (CDN imports, no build step)Viewer Features
- Orbit controls — click and drag to rotate, scroll to zoom, right-click to pan
- Auto-rotation — slow spin to showcase the product (disable with
--no-rotate) - Studio lighting — 3-point light setup matching the Blender polish look
- Responsive — fills container, works on mobile
- Zero dependencies — uses Three.js from CDN via import maps, no npm/build needed
- Drop-in ready — open the HTML directly or embed in any page


