🎯

threejs-loaders

🎯Skill

from cloudai-x/threejs-skills

What it does

Provides Three.js asset loading patterns for 3D models, textures, and animations using GLTF, OBJ, FBX, and other format loaders

Overview

Threejs-loaders is a Claude Code skill from the threejs-skills collection that provides comprehensive guidance for loading 3D assets in Three.js. It covers GLTF/GLB model loading, texture loading, HDR environment maps, the LoadingManager for coordinating multiple asset loads, and async loading patterns.

Key Features

GLTF/GLB Loading - Complete GLTFLoader setup with Draco compression support for loading 3D models into Three.js scenes
LoadingManager - Coordination of multiple asset loads with progress tracking, start/complete callbacks, and error handling
Texture Loading - TextureLoader patterns with color space configuration, wrapping modes, filtering, and anisotropic sharpening
CubeTexture & HDR - Loading cubemap textures and HDR environment maps for realistic reflections and lighting
Async Patterns - Promise-based loading wrappers for clean async/await usage with parallel asset loading via Promise.all

Who is this for?

This skill is designed for developers building Three.js applications who need to load external 3D models, textures, and environment maps. It is especially useful for game developers, product visualization builders, and creative coders who need reliable asset loading with proper error handling and progress tracking.

📦

Same repository

cloudai-x/threejs-skills(10 items)

threejs-loaders

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

npx vibeindex add cloudai-x/threejs-skills --skill threejs-loaders

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

npx skills add cloudai-x/threejs-skills --skill threejs-loaders

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/threejs-loaders/SKILL.md

SKILL.md

1,405Installs

1,181

Last UpdatedJan 19, 2026

View on GitHub Back to Skills

More from this repository9

🎯

threejs-animation🎯Skill

Provides Three.js animation API references, patterns, and best practices for creating 3D animations and interactive experiences.

🎯

threejs-fundamentals🎯Skill

Three.js agent skills covering scene setup, cameras, renderer configuration, Object3D hierarchy, coordinate systems, and 3D rendering fundamentals.

🎯

threejs-shaders🎯Skill

Provides Three.js shader development patterns including custom WebGL shaders, GLSL code examples, and advanced rendering effects

🎯

threejs-geometry🎯Skill

Three.js agent skills covering scene setup, cameras, renderer configuration, Object3D hierarchy, coordinate systems, and 3D rendering fundamentals.

🎯

threejs-interaction🎯Skill

Three.js agent skills covering scene setup, cameras, renderer configuration, Object3D hierarchy, coordinate systems, and 3D rendering fundamentals.

🎯

threejs-materials🎯Skill

Provides Three.js material system patterns including PBR materials, textures, normal maps, environment mapping, and advanced rendering techniques

🎯

threejs-postprocessing🎯Skill

Three.js agent skills covering scene setup, cameras, renderer configuration, Object3D hierarchy, coordinate systems, and 3D rendering fundamentals.

🎯

threejs-lighting🎯Skill

Provides Three.js lighting patterns including light types, shadows, intensity controls, and techniques for realistic 3D scene illumination

🎯

threejs-textures🎯Skill

Provides Three.js texture patterns including texture loading, UV mapping, mipmaps, filtering, and texture animation techniques