blender-threejs-export

name	blender-threejs-export
description	Export the current Blender scene as a GLB and generate a ready-to-use Three.js HTML viewer with orbit controls, lighting, and auto-rotation. Trigger when asked to export for web, create a Three.js viewer, make a 3D model interactive for a website, or export from Blender for the web.

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-product

Options

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