Optimize and post-process GLB/glTF 3D models. Use when compressing models for web delivery, reducing file size, simplifying geometry, inspecting model stats, merging models, or converting textures. Triggers on: optimize GLB, compress model, reduce file size, simplify mesh, draco compression, meshopt, webp textures, inspect model, merge GLB, model optimization.
/plugin marketplace add rawwerks/VibeCAD/plugin install gltf-transform@vibecadThis skill inherits all available tools. When active, it can use any tool Claude has access to.
Post-process GLB/glTF files: optimize, compress, inspect, and transform 3D models.
@gltf-transform/cliNo installation required. Run any command with:
bunx @gltf-transform/cli <command> [args]
First run downloads the tool, subsequent runs are instant.
# Inspect model stats first
bunx @gltf-transform/cli inspect model.glb
# One-command optimization (good defaults)
bunx @gltf-transform/cli optimize input.glb output.glb --compress draco --texture-compress webp
Typical pipeline after generating models with build123d:
create geometry → export GLB → optimize → verify visually
| Method | Best For | Trade-offs |
|---|---|---|
| Draco | Web delivery, Three.js | Smallest geometry, requires decoder |
| Meshopt | Universal, animations | Good compression + animation support |
| Quantize | Compatibility | No decoder needed, moderate compression |
# Draco - best geometry compression
bunx @gltf-transform/cli draco input.glb output.glb
# Meshopt - geometry + animation compression
bunx @gltf-transform/cli meshopt input.glb output.glb
# Quantize only - no external decoder needed
bunx @gltf-transform/cli quantize input.glb output.glb
# WebP - good compression, wide browser support
bunx @gltf-transform/cli webp input.glb output.glb
# Resize large textures
bunx @gltf-transform/cli resize input.glb output.glb --width 1024 --height 1024
bunx @gltf-transform/cli inspect model.glb
Shows vertex count, file size breakdown, texture sizes - helps decide what to optimize.
# Weld duplicate vertices first
bunx @gltf-transform/cli weld input.glb temp.glb
# Then simplify
bunx @gltf-transform/cli simplify temp.glb output.glb --ratio 0.5
Useful for CAD models which often have more detail than needed for web viewing.
bunx @gltf-transform/cli merge part1.glb part2.glb assembly.glb
bunx @gltf-transform/cli optimize input.glb output.glb \
--compress draco \
--texture-compress webp \
--simplify true \
--simplify-ratio 0.5
| Scenario | Commands |
|---|---|
| Web delivery | optimize --compress draco --texture-compress webp |
| Check model stats | inspect |
| High-poly CAD model | weld then simplify --ratio 0.5 |
| Combine parts | merge |
| Debug issues | inspect then targeted fixes |
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.