Exports and optimizes Blender 3D models and animations for the web as glTF, covering batch Python scripting, texture baking, decimation and LOD generation for Three.js and Babylon.js.
Install the "blender-web-pipeline" agent skill from https://github.com/freshtechbro/claudedesignskills/tree/main/.claude/skills/blender-web-pipeline into .claude/skills/blender-web-pipeline/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "blender-web-pipeline", then confirm the skill loads.
Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
skills CLI
$ npx skills add freshtechbro/claudedesignskills --skill blender-web-pipeline -a codex
Project install goes to .agents/skills/; add -g for ~/.codex/skills/.
Install the "blender-web-pipeline" agent skill from https://github.com/freshtechbro/claudedesignskills/tree/main/.claude/skills/blender-web-pipeline into .agents/skills/blender-web-pipeline/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "blender-web-pipeline", then confirm the skill loads.
Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
skills CLI
$ npx skills add freshtechbro/claudedesignskills --skill blender-web-pipeline -a cursor
Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.
Install the "blender-web-pipeline" agent skill from https://github.com/freshtechbro/claudedesignskills/tree/main/.claude/skills/blender-web-pipeline into .cursor/skills/blender-web-pipeline/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "blender-web-pipeline", then confirm the skill loads.
Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
skills CLI
$ npx skills add freshtechbro/claudedesignskills --skill blender-web-pipeline -a gemini-cli
Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.
Install the "blender-web-pipeline" agent skill from https://github.com/freshtechbro/claudedesignskills/tree/main/.claude/skills/blender-web-pipeline into .gemini/skills/blender-web-pipeline/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "blender-web-pipeline", then confirm the skill loads.
Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
skills CLI
$ npx skills add freshtechbro/claudedesignskills --skill blender-web-pipeline -a github-copilot
Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.
Install the "blender-web-pipeline" agent skill from https://github.com/freshtechbro/claudedesignskills/tree/main/.claude/skills/blender-web-pipeline into .github/skills/blender-web-pipeline/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "blender-web-pipeline", then confirm the skill loads.
GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
skills CLI
$ npx skills add freshtechbro/claudedesignskills --skill blender-web-pipeline -a opencode
OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
Install the "blender-web-pipeline" agent skill from https://github.com/freshtechbro/claudedesignskills/tree/main/.claude/skills/blender-web-pipeline into .opencode/skills/blender-web-pipeline/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "blender-web-pipeline", then confirm the skill loads.
OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
Skill name
blender-web-pipeline
GitHub stars
1k
Token cost
~4.2k tokens
SKILL.md length
586 words
Files
8 (incl. scripts, references, assets)
Skills in repo
19
Repo updated
First seen
Licence
MIT
At a glance
Exports and optimizes Blender 3D models and animations for the web as glTF, covering batch Python scripting, texture baking, decimation and LOD generation for Three.js and Babylon.js.
Works in 12 steps: Basic glTF Export (Manual) → Python Script for Batch Export → Optimize Model for Web (Decimation) → …
Exporting a Blender scene to glTF or GLB for a web app
SKILL.md covers Overview, Core Concepts, Common Patterns and Integration Patterns, plus 3 more sections
Runs Python scripts from its folder
What it does
The skill covers taking models out of Blender and into web-ready glTF 2.0, in either the JSON-plus-external-files .gltf form or the single-file .glb recommended for the web, chosen for its PBR material and animation support and wide library support in Three.js and Babylon.js. It works through the Blender Python API (bpy) to script exports rather than clicking through the UI each time.
Target metrics guide the optimization work: under 5 MB per model, ideally under 1 MB, fewer than 50k triangles for real-time use, textures capped at 2048x2048 (1024x1024 preferred) and texture atlases to cut draw calls, aiming for load times under 2 seconds on an average connection. Bundled scripts cover batch_export.py for exporting every .blend file in a directory from the command line, optimize_model.py for mesh decimation at a target ratio, and generate_lods.py for producing multiple levels of detail, alongside a bake-textures pattern for consolidating materials into web-sized texture maps.
Reference files back the scripts with a bpy API reference, a glTF export guide and optimization strategies, and the skill is meant to feed models into companion skills for Three.js, react-three-fiber and Babylon.js rendering.
When your agent uses it
Exporting a Blender scene to glTF or GLB for a web app
Reducing a 3D model's polygon count or texture size for real-time web rendering
Batch-converting many .blend files to web-ready models
Generating levels of detail for a web 3D asset
Example prompts
“Export this Blender scene to a web-optimized GLB under 1 MB.”
“Batch export every .blend file in ./models/source to glTF.”
“Generate three LOD levels for this character model for use in Three.js.”
Requirements
Blender with its Python API (bpy)
Python
Workflow steps
12 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit 1da73fe. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Ships 3 files in scripts/ (Python), which the agent can run.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Blender Web Export Pipeline loads about 4.2k tokens when it runs, and up to ~6k if it reads all its reference files. Until then it costs about 133 tokens; SKILL.md has 586 words of instructions outside code blocks.
Always· name and description, kept in context so the agent knows when to use it
~133
When it runs· the whole SKILL.md, loaded when a task matches
~4.2k
With references· SKILL.md plus every file in references/, read only if the agent opens them
~6k
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.
Download SKILL.mdSave it as .claude/skills/blender-web-pipeline/SKILL.md (or your agent's skills folder). This skill also uses 7 other files; get the full folder from GitHub.
name
blender-web-pipeline
description
Blender to web export workflows for 3D models and animations. Use this skill when exporting Blender models to glTF for web, optimizing 3D assets for Three.js or Babylon.js, batch processing models with Python scripts, automating Blender workflows, or creating web-ready 3D pipelines. Triggers on tasks involving Blender glTF export, bpy scripting, 3D asset optimization, model compression, texture baking, or Blender automation. Exports models for threejs-webgl, react-three-fiber, and babylonjs-engine skills.
Blender Web Pipeline
Overview
Blender Web Pipeline skill provides workflows for exporting 3D models and animations from Blender to web-optimized formats (primarily glTF 2.0). It covers Python scripting for batch processing, optimization techniques for web performance, and integration with web 3D libraries like Three.js and Babylon.js.
When to use this skill:
Exporting Blender models for web applications
Batch processing multiple 3D assets
Optimizing file sizes for web delivery
Automating repetitive Blender tasks
Creating production pipelines for 3D web content
Converting legacy formats to glTF
Key capabilities:
glTF 2.0 export with optimization
Python (bpy) automation scripts
Texture baking and compression
LOD (Level of Detail) generation
Batch processing workflows
Material and lighting optimization for web
Core Concepts
glTF 2.0 Format
Why glTF for Web:
Industry-standard 3D format for web
Efficient binary encoding (.glb)
PBR materials support
Animation and skinning
Extensible with custom data
Wide library support (Three.js, Babylon.js, etc.)
glTF vs GLB:
.gltf = JSON + external .bin + external textures
.glb = Single binary file (recommended for web)
# Ensure all faces are triangles (required for some engines)
bpy.ops.object.mode_set(mode='EDIT')
bpy.ops.mesh.select_all(action='SELECT')
bpy.ops.mesh.quads_convert_to_tris()
bpy.ops.object.mode_set(mode='OBJECT')
2. Texture Optimization
Image Compression:
python
# Save textures as JPEG (lossy but smaller)
for img in bpy.data.images:
img.file_format = 'JPEG'
img.filepath_raw = f"/output/{img.name}.jpg"
img.save()
Texture Atlas:
python
# Combine multiple textures into one atlas
# Use Smart UV Project for automatic atlasing
bpy.ops.object.mode_set(mode='EDIT')
bpy.ops.mesh.select_all(action='SELECT')
bpy.ops.uv.smart_project(angle_limit=66, island_margin=0.02)
bpy.ops.object.mode_set(mode='OBJECT')
3. Material Simplification
Convert to PBR:
python
# Ensure materials use Principled BSDF (glTF standard)
for mat in bpy.data.materials:
if not mat.use_nodes:
mat.use_nodes = True
nodes = mat.node_tree.nodes
principled = nodes.get('Principled BSDF')
if not principled:
principled = nodes.new(type='ShaderNodeBsdfPrincipled')
output = nodes.get('Material Output')
mat.node_tree.links.new(principled.outputs[0], output.inputs[0])
Common Pitfalls
1. Large File Sizes
Problem: Exported .glb files are 20+ MB
Solutions:
Enable Draco compression (60-90% reduction)
Reduce texture resolution (2048 → 1024 or 512)
Use JPEG instead of PNG for textures
Decimate geometry (target <50k triangles)
Remove unused materials/textures
2. Missing Textures in Export
Problem: Textures don't appear in web viewer
Solutions:
Ensure all images are saved (not packed)
Use relative paths for textures
Export with "Export Images" enabled
Check image format compatibility (PNG/JPEG)
Show full SKILL.md (234 more words)Show less
3. Animations Not Playing
Problem: Animations don't export or play incorrectly
Solutions:
Ensure animations are on timeline (not NLA strips)
Export with "Export Animations" enabled
Check animation actions are assigned to objects
Use "Bake Actions" for complex rigs
4. Materials Look Different
Problem: Materials render differently in web vs Blender
Solutions:
Use Principled BSDF (maps to glTF PBR)
Avoid custom shader nodes (won't export)
Use supported texture types (Base Color, Metallic, Roughness, Normal, Emission)
Test in glTF viewer before deploying
5. Slow Export Times
Problem: Export takes 10+ minutes
Solutions:
Apply modifiers before export (don't export non-destructively)
Reduce geometry complexity
Remove unused data (orphan cleanup)
Use command-line export (faster than GUI)
6. Performance Issues in Browser
Problem: Model lags in browser
Solutions:
Generate LODs (Level of Detail)
Use instancing for repeated objects
Limit draw calls (merge objects, texture atlases)
Reduce polygon count (<50k triangles)
Optimize shaders (avoid transparency/refraction)
Best Practices
Pre-Export Checklist
☐ Apply all modifiers
☐ Merge vertices (remove doubles)
☐ Triangulate faces (if required)
☐ Optimize polygon count (<50k triangles)
☐ UV unwrap all meshes
☐ Bake materials (if complex)
☐ Resize textures (max 2048x2048)
☐ Use Principled BSDF materials
☐ Remove unused data (orphan cleanup)
☐ Name objects descriptively
☐ Set origin points correctly
☐ Apply transformations (Ctrl+A)
Blender Web Export Pipeline next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
Blender Web Export Pipeline compared with similar skills
Skill
Stars
Used in
Tokens
Auto-check
Licence
Repo updated
Blender Web Export Pipeline this skillfreshtechbro/claudedesignskills
1k
—
~4.2k
Automated safety check: Pass
MIT
Text To 3D AssetLaurentiuGabriel/unreal-game-assets-creation-skill
Generate a game-ready 3D asset by running the local AI pipeline sequentially: Fooocus (SDXL text-to-image) - Hunyuan3D-2 (image-to-textured-GLB) - optional Blender FBX convert + Unreal import.
Rebuilds the object in a reference image as a procedural, animation-ready Three.js model written entirely in code, using staged sculpting with quality checks.
Guides building an expressive 3D scene in Three.js or Blender by reasoning through intent, object construction and scientific grounding before using a catalog of recipes and kits.
Adds animated page transitions to multi-page sites with Barba.js, covering the wrapper and container markup, lifecycle hooks, views and GSAP integration.
Covers GSAP tweens and timelines and the ScrollTrigger plugin for scroll-driven animation, including pinning, scrubbing, parallax and horizontal scroll sections.
Implements After Effects Lottie animations in web and React apps: picking JSON or dotLottie format, a rendering library, and a data source, with an optimizer script.
Guides React UI animation built on spring physics with React Spring and Popmotion: hooks, config presets, trails, list transitions and scroll or in-view effects.
Exports and optimizes Blender 3D models and animations for the web as glTF, covering batch Python scripting, texture baking, decimation and LOD generation for Three.js and Babylon.js. js. It works through the Blender Python API (bpy) to script exports rather than clicking through the UI each time.
When should I use Blender Web Export Pipeline?
Blender Web Export Pipeline fits situations like: exporting a Blender scene to glTF or GLB for a web app; reducing a 3D model's polygon count or texture size for real-time web rendering; batch-converting many .blend files to web-ready models; generating levels of detail for a web 3D asset.
How do I install Blender Web Export Pipeline in Claude Code?
Run `npx skills add freshtechbro/claudedesignskills --skill blender-web-pipeline -a claude-code`. Or copy the skill folder (.claude/skills/blender-web-pipeline in freshtechbro/claudedesignskills) into .claude/skills/blender-web-pipeline in your project. Claude Code loads it when a task matches its description.
How do I install Blender Web Export Pipeline in Codex?
Run `npx skills add freshtechbro/claudedesignskills --skill blender-web-pipeline -a codex`. Or copy the skill folder (.claude/skills/blender-web-pipeline in freshtechbro/claudedesignskills) into .agents/skills/blender-web-pipeline in your project. Codex loads it when a task matches its description.
Can I use Blender Web Export Pipeline in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add freshtechbro/claudedesignskills --skill blender-web-pipeline -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/blender-web-pipeline, .gemini/skills/blender-web-pipeline, .github/skills/blender-web-pipeline and .opencode/skills/blender-web-pipeline in your project.
What does Blender Web Export Pipeline need to run?
Going by SKILL.md and its folder, Blender Web Export Pipeline needs Python for the scripts in its folder. Our summary lists: Blender with its Python API (bpy); Python.
Does Blender Web Export Pipeline access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Blender Web Export Pipeline safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
What licence does Blender Web Export Pipeline use?
Blender Web Export Pipeline is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Blender Web Export Pipeline use?
About 4.2k tokens (SKILL.md is roughly 17k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 1.8k tokens, read only when the agent opens those files.
What are the alternatives to Blender Web Export Pipeline?
Skills that share tags, products or a category with Blender Web Export Pipeline: Text To 3D Asset (LaurentiuGabriel/unreal-game-assets-creation-skill, 148 stars), Pneuma Lucid (pandazki/pneuma-skills, 161 stars), Make Blender Game Assets (DanMcInerney/orchflows, 117 stars) and Image to Three.js Model (img2threejs/img2threejs, 18k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Blender Web Export Pipeline?
freshtechbro (a GitHub user) maintains it in freshtechbro/claudedesignskills, which has 1,016 GitHub stars. The repository holds 19 skills in this directory. The repository was last updated on November 20, 2025.