skills.rest
ayofemiade
ayofemiadeCOMMUNITY
Explore all skills by this author →
GitHub

blender-web-pipeline

Export and optimize Blender 3D models as glTF for web applications.

Updated Jun 30, 2026
Search Tags:#three.js#web optimization#Blender#glTF#bpy#3d export#draco compression
One-click install
npx skills add https://github.com/ayofemiade/cleva --skill blender-web-pipeline-ayofemiade
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: blender-web-pipeline
Source: https://github.com/ayofemiade/cleva/tree/main/.claude/skills/blender-web-pipeline
Command: npx skills add https://github.com/ayofemiade/cleva --skill blender-web-pipeline-ayofemiade

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve? Exporting Blender models to web-ready formats involves repetitive manual steps, oversized files, and compatibility issues with web 3D engines. This Skill automates glTF export, geometry optimization, and texture compression so 3D assets load fast in browsers. ## Core Features & Use Cases - glTF/GLB Export Automation: Batch export .blend files to compressed GLB format using Blender's Python API (bpy) with Draco mesh compression. - Web Optimization: Reduce polygon counts via decimation, bake and downscale textures, and generate LOD variants to hit performance targets under 50k triangles. - Web Engine Integration: Load exported models in Three.js, React Three Fiber, or Babylon.js with DRACOLoader support. - Use Case: You have 50 product models in .blend files for an e-commerce site. Run the batch export script to convert them all to Draco-compressed GLB files under 1 MB each, ready for your Three.js product viewer. ## Quick Start Ask the AI to export your Blender model to an optimized GLB file with Draco compression for use in a Three.js web application.

Frequently Asked Questions about blender-web-pipeline

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I export a Blender model to glTF for the web?▼

Use bpy.ops.export_scene.gltf with export_format='GLB' to produce a single binary file. Enable export_apply to apply modifiers and export_draco_mesh_compression_enable for smaller files suitable for web delivery.

How to batch export multiple .blend files to GLB?▼

Run Blender in background mode with a Python script: blender --background --python batch_export.py -- /input/dir /output/dir. The script opens each .blend file and exports it as a Draco-compressed GLB without launching the GUI.

GLB vs glTF: which format should I use for web?▼

GLB packages geometry, textures, and animations into one binary file and is recommended for web use. The separate .gltf format uses JSON plus external .bin and texture files, which complicates deployment.

Does Three.js support Draco-compressed glTF models?▼

Yes, Three.js loads Draco-compressed models through GLTFLoader combined with DRACOLoader. Set the decoder path with dracoLoader.setDecoderPath and attach it via loader.setDRACOLoader before loading the GLB file.

Why is my exported GLB file so large?▼

Large files usually come from uncompressed geometry and high-resolution textures. Enable Draco compression at level 6-8, downscale textures to 1024px or less, use JPEG instead of PNG, and decimate meshes below 50k triangles.

Why do my Blender materials look different in the browser?▼

Only Principled BSDF materials map correctly to glTF's PBR model. Custom shader nodes do not export, so convert materials to Principled BSDF and use supported texture types like Base Color, Metallic, Roughness, and Normal.

Related Skills

Explore More Design & Creative Skills→
SummerEngineSummerEngine
66

fabricating-assets

Fabricate 3D meshes by running bpy scripts in the user's installed Blender.

Official
Advanced
tadams95tadams95
1

r3f-loaders

Load GLTF/GLB assets in React Three Fiber with useGLTF and Suspense.

Community
Intermediate
donghyun-bagelcodedonghyun-bagelcode

asset-preview

Preview GLB, GLTF, and FBX 3D models in a browser with Three.js.

Community
Intermediate
openaiopenai
5.3k

web-3d-asset-pipeline

Optimizes and validates browser-game 3D assets for GLB and glTF 2.0 shipping.

Official
Intermediate