threejs-loaders
Three.js asset loading - GLTF, textures, images, models, async patterns. Use when loading 3D models, textures, HDR environments, or managing loading progress.
Profile →npx skills add sickn33/agentic-awesome-skills --skill threejs-loaders --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Three.js Loaders ## When to Use - You need to load models, textures, HDR assets, or other external resources in Three.js. - The task involves `GLTFLoader`, `TextureLoader`, loading progress, or async asset orchestration. - You are managing scene assets rather than authoring geometry or shaders directly. ## Quick Start ```javascript import * as THREE from "three"; import { GLTFLoader } from "three/addons/loaders/GLTFLoader.js"; // Load GLTF model const loader = new GLTFLoader(); loader.load("model.glb", (gltf) => { scene.add(gltf.scene); }); // Load texture const textureLoader = new THREE.TextureLoader(); const texture = textureLoader.load("texture.jpg"); ``` ## LoadingManager Coordinate multiple loaders and track progress. ```javascript const manager = new THREE.LoadingManager(); // Callbacks manager.onStart = (url, loaded, total) => { console.log(`Started loading: ${url}`); }; manager.onLoad = () => { console.log("All assets loaded!"); startGame(); }; manager.onProgress = (url, loaded, total) => { const progress = (loaded / total) * 100; console.log(`Loading: ${progress.toFixed(1)}%`); updateProgressBar(progress); }; manager.onError = (url) => { console.error(`Error loading: ${u
- When to Use
- Quick Start
- LoadingManager
- Texture Loading
- TextureLoader
- Texture Configuration
- CubeTextureLoader
- HDR/EXR Loading
- PMREMGenerator
- GLTF/GLB Loading
- GLTF with Draco Compression
- GLTF with KTX2 Textures
- GLTF with Meshopt Compression (r183)
- Process GLTF Content
What does the threejs-loaders skill do?
Three.js asset loading - GLTF, textures, images, models, async patterns. Use when loading 3D models, textures, HDR environments, or managing loading progress.
How do I install it?
Run `npx skills add sickn33/agentic-awesome-skills --skill threejs-loaders --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From sickn33/agentic-awesome-skills, a repository with 44,414 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.