skills.rest
adryanmoldokkr32-pixel
adryanmoldokkr32-pixelCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

threejs-agents-model-optimizer

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

2|Updated Apr 12, 2026
Search Tags:#GLTF#3D model optimization#Draco compression#KTX2 compression#mesh simplification#LOD generation
One-click install
npx skills add https://github.com/adryanmoldokkr32-pixel/threejs-skill-package --skill threejs-agents-model-optimizer-adryanmoldokkr32-pixel
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: threejs-agents-model-optimizer
Source: https://github.com/adryanmoldokkr32-pixel/threejs-skill-package/tree/main/skills/source/threejs-agents/threejs-agents-model-optimizer
Command: npx skills add https://github.com/adryanmoldokkr32-pixel/threejs-skill-package --skill threejs-agents-model-optimizer-adryanmoldokkr32-pixel

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires gltf-transform, draco3d, ktx2-loader, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides a comprehensive solution for optimizing 3D models for web delivery, addressing issues like large file sizes, inefficient textures, and excessive draw calls.

Core Features & Use Cases

  • GLTF Optimization Pipeline: Offers a step-by-step process to optimize models using Draco, KTX2, mesh simplification, and gltf-transform.
  • Assessment and Decision Tree: Helps assess the model's current state and decide the best optimization steps.
  • Mesh Optimization: Includes deduplication, flattening, joining, welding, and simplifying meshes.
  • Texture Optimization: Provides resizing and compression options for textures.
  • Mesh Compression: Applies Draco compression for mesh optimization.
  • Validation: Offers a checklist to validate optimized models.
  • LOD Generation: Generates LOD levels for different distances and screen coverage.
  • gltfpack Alternative: Provides a quick one-command optimization option using gltfpack.
  • Blender Export Optimization: Offers guidelines for optimizing Blender exports.
  • Node.js Scripting: Allows scripting optimization pipelines using the gltf-transform API.
  • Examples and Anti-Patterns: Provides examples of optimization pipelines and common mistakes to avoid.
  • References: Offers links to official documentation and additional resources.
  • Use Case: Optimize a complex 3D model for mobile web delivery, reducing file size and improving load times.

Quick Start

Use the threejs-agents-model-optimizer skill to optimize your 3D model for web delivery. Start by running the assessment step to gather metrics on your model. Then, follow the optimization pipeline outlined in the skill documentation.

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 optimize a GLTF model for web delivery?▼

To optimize a GLTF model for web delivery, run an initial assessment to gather metrics, then apply a pipeline of Draco mesh compression, KTX2 texture compression, and mesh simplification to reduce file size and improve load times.

What is the best way to reduce GLTF file size for mobile web?▼

Reducing GLTF file size for mobile web is best achieved by applying Draco compression for meshes, KTX2 compression for textures, and mesh simplification techniques like deduplication, welding, and flattening to minimize draw calls.

How does Draco compression improve 3D model performance?▼

Draco compression improves 3D model performance by significantly reducing mesh file sizes, which decreases network transfer times and memory usage for web delivery while preserving visual fidelity through efficient geometric data encoding.

Can I generate LOD levels for GLTF models using gltf-transform?▼

Yes, you can generate LOD levels for GLTF models using scripts built on the gltf-transform API, allowing you to create varying mesh complexities based on distance and screen coverage for optimized rendering performance.

How do I validate optimized 3D models after compression?▼

Validating optimized 3D models involves using a specific validation checklist provided in the optimization pipeline to ensure the compressed meshes and KTX2 textures maintain structural integrity and render correctly on target platforms.

What are common anti-patterns when compressing 3D meshes with gltfpack?▼

Common anti-patterns when compressing 3D meshes with gltfpack include over-simplifying geometry leading to visual artifacts, ignoring texture resizing constraints, and neglecting proper mesh joining before applying Draco compression.

Related Skills

Explore More Software Engineering Skills→
Impertio-StudioImpertio-Studio
11

threejs-agents-model-optimizer

Optimize GLTF models with mesh and texture compression for web delivery.

Official
Advanced
shige1014-devshige1014-dev

threejs-loaders

Load and manage GLTF, texture, and HDR environment assets in Three.js.

Community
Advanced
tech-leads-clubtech-leads-club
5.0k

perf-astro

Optimize Astro projects for Lighthouse performance with critical CSS and asset compression.

Official
Intermediate
Stardust-liuStardust-liu
1

unity-optimization

Optimize Unity project textures and meshes with configurable compression settings.

Community
Intermediate