Run any Skill in Manus with one click

blender-threejs-export

Stars33

Forks8

UpdatedApril 4, 2026 at 19:58

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.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

kevinbadi

kevinbadi/blender-skills

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Web DevelopersComputer and Mathematical Occupations·SOC 15-1254

File Explorer

2 files

SKILL.md

readonly

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

More from this repository

same repository

polyhaven-hdri-showcase

kevinbadi/blender-skills

Render the same product across multiple HDRI environments and output a comparison grid. Trigger when asked to compare lighting setups, test different environments, show product in multiple settings, or create an HDRI comparison.

2026-04-0433

polyhaven-material-swap

kevinbadi/blender-skills

Cycle through multiple PolyHaven materials on a product and render each variant. Great for showing color/finish options. Trigger when asked to show material variants, swap textures, create color options, show finish comparisons, or render product in different materials.

2026-04-0433

polyhaven-scene-builder

kevinbadi/blender-skills

Build complete product scenes using PolyHaven assets — HDRI environment, textured ground/pedestal, and optional props from the 3D model library. Trigger when asked to build a product scene, create a showcase setup, add a pedestal, or compose a product shot.

2026-04-0433

polyhaven-studio-setup

kevinbadi/blender-skills

Set up a professional product photography studio in Blender using PolyHaven HDRIs and PBR ground materials. Trigger when asked to create a studio setup, add HDRI lighting, set up product photography, or create a showroom scene.

2026-04-0433

polyhaven-texture-apply

kevinbadi/blender-skills

Apply realistic PBR textures from PolyHaven to any Blender object. Supports metals, wood, concrete, fabric, and more. Trigger when asked to texture an object, apply a material from PolyHaven, make something look like metal/wood/marble, or change object surface.

2026-04-0433

blender-product-polish

kevinbadi/blender-skills

Import a 3D model (GLB/GLTF) into Blender and apply a sleek, glossy product-shot finish with studio lighting. Trigger when asked to polish a 3D model, make a Meshy AI model look shiny, apply product lighting in Blender, or prepare a 3D asset for product shots.

2026-04-0433

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

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