How do I install the Blender Threejs Export skill?

Run npx skillmds@latest add kevinbadi/blender-threejs-export in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Blender Threejs Export safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Blender Threejs Export?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Blender Threejs Export free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Blender Threejs Export?

kevinbadi (@kevinbadi) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Blender Threejs Export by kevinbadi

Name: Blender Threejs Export
Author: kevinbadi

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

kevinbadi 0f48d5c 2 files · 9.7 KB Updated Sep 17, 2026

File contents

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

---name: blender-threejs-exportdescription: 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 ExportExports 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```bashnode 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

Frequently asked questions