R3f Loaders

This handles all your asset loading needs in React Three Fiber, from GLTF models to textures and HDR environments. The skill covers useGLTF from drei (the standard way to load 3D models), the core useLoader hook for any Three.js asset, and specialized hooks like useTexture, useEnvironment, and useVideoTexture. You get solid patterns for Suspense fallbacks, preloading strategies, and handling Draco compression. The gltfjsx integration for TypeScript is especially useful if you need type safety around your model nodes and materials. It's comprehensive without being overwhelming, giving you both quick examples and production patterns like traversing scenes to enable shadows or configuring texture wrapping.

Install to Claude Code

npx -y skills add enzed/r3f-skills --skill r3f-loaders --agent claude-code