Agent skill · software engineering · cloudai-x
threejs-loaders
Three.js asset loading - GLTF, textures, images, models, async patterns. Use when loading 3D models, textures, HDR environments, or managing loading progress.
Why this skill is useful
Provides specific loading patterns and configurations for 3D assets in Three.js that the AI wouldn't reliably generate on its own.
What it needs
Requires three installed locally. About 6k tokens when loaded. Last updated 2026-07-09. 2,926 stars on the source repository.
What this skill does
Three.js Loaders Quick Start LoadingManager Coordinate multiple loaders and track progress. Texture Loading TextureLoader Texture Configuration CubeTextureLoader For environment maps and skyboxes. HDR/EXR Loading PMREMGenerator Generate prefiltered environment maps for PBR. GLTF/GLB Loading The most common 3D format for web. GLTF with Draco Compression GLTF with KTX2 Textures Process GLTF Content Other Model Formats OBJ + MTL FBX STL PLY Async/Promise Loading Promisified Loader Load Multiple Assets Caching Built-in Cache Custom Asset Manager Loading from Different Sources Data URL / Base64 Blob URL ArrayBuffer Custom Path/URL Error Handling Performance Tips 1. Use compressed formats: DRACO for geometry, KTX2/Basis for textures 2. Load progressively: Show placeholders while loading 3. Lazy load: Only load what's needed 4. Use CDN: Faster asset delivery 5. Enable cache: THREE.Cache.enabled = true See Also threejs-textures - Texture configuration threejs-animation - Playing loaded animations threejs-materials - Material from loaded models
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills cloudai-x/threejs-loaders