kevinbadi/blender-skills

blender-threejs-export

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.

View source

How to use

  1. Copy the installation command and review the source package before installing it in your own agent environment.
  2. Check the source document for required tools, credentials and supported hosts.
  3. Describe your input and desired deliverable; review the output against the source material.
npx skills add https://github.com/kevinbadi/blender-skills --skill blender-threejs-export

Before you start

  • Installation does not include a model subscription, API allowance or permission to access your files.
  • Repository stars and installation counts describe activity, not an independent quality or security test.
Original skill document

Rendered from the source repository. Headings, examples, code, tables, links, and referenced images are preserved.

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

bash
node skills/blender-threejs-export/scripts/blender-threejs-export.js --output ~/Desktop/my-product

Options

OptionDescriptionDefault
--outputOutput directory for the GLB + HTML filesrequired
--nameFile name (without extension)model
--portBlender MCP port9876
--no-rotateDisable auto-rotationfalse
--bgBackground color hex#111111
--embedBase64-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

Related by task

from this repository

More skills

All skills