About threejs-loaders
Three.js Loaders is a skill for developers managing scene assets in Three.js. It covers external models, textures, and HDR assets, with guidance on loaders, progress tracking, and asynchronous orchestration rather than geometry or shader authoring.
Key features
- 01Load models and textures
- 02Load HDR and external assets
- 03Work with GLTFLoader and TextureLoader
- 04Track loading progress
- 05Orchestrate asynchronous asset loading
Use cases
- 01Load models into Three.js scenes
- 02Bring textures or HDR assets into a scene
- 03Manage asynchronous scene asset loading
Install
Copy the command and run it in a terminal.
$
npx skills add https:/ / github.com/ sickn33/ agentic-awesome-skills --skill threejs-loadersAfter installing, type/threejs-loadersin Claude Code to confirm it loaded.
Bundled filesreferences/detailed-guide.md
Details
From the project READMEThree.js Loaders
Detailed Guide
Read the detailed guide before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely.
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.
Limitations
- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
Comments
Markdown supported