skills.rest
Bailipa
BailipaCOMMUNITY
Explore all skills by this author →
GitHub

threejs-agents-model-optimizer

Optimize GLTF/GLB assets with a gltf-transform pipeline for Three.js.

4|Updated Apr 14, 2026
Search Tags:#optimization#threejs#gltf#ktx2#draco#mesh-simplification
One-click install
npx skills add https://github.com/Bailipa/EZTor_FULLBLOOD --skill threejs-agents-model-optimizer-bailipa
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: threejs-agents-model-optimizer
Source: https://github.com/Bailipa/EZTor_FULLBLOOD/tree/main/.opencode/skills/threejs/threejs-agents/threejs-agents-model-optimizer
Command: npx skills add https://github.com/Bailipa/EZTor_FULLBLOOD --skill threejs-agents-model-optimizer-bailipa

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

GLTF/3D assets for the web are often heavy, causing long load times and poor performance. This Skill provides an end-to-end GLTF optimization pipeline that reduces file size and improves streaming by applying dedup, flatten, join, weld, simplify, texture compression, and Draco-based mesh compression.

Core Features & Use Cases

  • End-to-end GLTF optimization: pipeline using gltf-transform commands such as dedup, flatten, join, weld, simplify, textureCompress, draco, prune, and quantize to produce smaller, web-friendly GLTF/GLB assets.
  • Best practices & runtime readiness: guidance for integrating Draco/KTX2 loaders in Three.js and avoiding common anti-patterns.
  • Batch/CI scripting: examples for automating model optimization across projects and assets.

Quick Start

Run the full optimization pipeline on a GLB file to produce a lighter, ready-to-ship model.

Frequently Asked Questions about threejs-agents-model-optimizer

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

FAQPage Schema
How do I reduce GLTF file size for web delivery?▼

To reduce GLTF file size for web delivery, apply a gltf-transform pipeline using dedup, flatten, join, weld, simplify, textureCompress, draco, prune, and quantize. This compresses geometry and textures to produce web-friendly GLB assets.

Does optimized GLTF work with Three.js DRACOLoader and KTX2Loader?▼

Yes, optimized GLTF assets maintain runtime compatibility with Three.js DRACOLoader and KTX2Loader. The pipeline preserves asset behavior while applying Draco mesh compression and KTX2 texture compression.

What is the best way to automate 3D model optimization across multiple assets?▼

The best way to automate 3D model optimization is through batch and CI scripting. You can automate the full gltf-transform pipeline across projects and assets to consistently produce lighter, ready-to-ship models.

How does mesh simplification and texture compression improve GLB performance?▼

Mesh simplification and texture compression improve GLB performance by reducing polygon counts and image sizes. Combined with Draco compression, these techniques decrease asset size and improve web streaming performance.

When should I use Draco compression for GLTF assets?▼

Use Draco compression for GLTF assets when you need to significantly reduce file size for web delivery. It compresses mesh geometry and requires the Three.js DRACOLoader at runtime to decode and preserve asset behavior.

Related Skills

Explore More Software Engineering Skills→
BailipaBailipa
4

threejs-syntax-loaders

Configures GLTF, FBX, OBJ loaders with DRACO/KTX2 support in Three.js for asset and texture loading.

Community
Intermediate
tadams95tadams95
1

r3f-loaders

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

Community
Intermediate
huangzidahuangzida
2

threejs-loaders

Load GLTF models, textures, and HDR environments in Three.js with progress tracking.

Community
Advanced
adryanmoldokkr32-pixeladryanmoldokkr32-pixel
2

threejs-agents-model-optimizer

Optimize 3D models for web delivery using GLTF pipelines with Draco and KTX2.

Community
Advanced