React Three Fiber Textures
Skill VerifiedReact Three Fiber textures - useTexture, texture loading, environment maps, texture configuration. Use when loading images, working with PBR texture sets, cubemaps, HDR environments, or optimizing texture usage.
This skill provides detailed examples and explanations for using various texture loading and configuration techniques within React Three Fiber, including single and multiple textures, PBR setups, environment maps, and advanced features like video and canvas textures. It demonstrates how to leverage hooks like `useTexture`, `useEnvironment`, and `useLoader` from `@react-three/drei` and `@react-three/fiber` for efficient texture management and rendering.
Maintenance
- warning:Commit recencyThe repository shows no commits on the default branch (pushedAt: n/a), indicating it is likely unmaintained and may not reflect the latest practices or library versions.
Versioning
- warning:Release ManagementThere is no manifest version (SKILL.md frontmatter, package.json, etc.), no GitHub release tags, and no CHANGELOG.md. The installation instructions reference 'main', making version pinning impossible.
Installation
npx skills add enzed/r3f-skillsRuns the Vercel skills CLI (skills.sh) via npx — needs Node.js locally and at least one installed skills-compatible agent (Claude Code, Cursor, Codex, …). Assumes the repo follows the agentskills.io format.
Similar Extensions
React Three Fiber Post-Processing
98React Three Fiber post-processing - @react-three/postprocessing, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creating custom screen-space shaders.
React Three Fiber Interaction
98React Three Fiber interaction - pointer events, controls, gestures, selection. Use when handling user input, implementing click detection, adding camera controls, or creating interactive 3D experiences.
React Three Fiber Materials
95React Three Fiber materials - PBR materials, Drei materials, shader materials, material properties. Use when styling meshes, creating custom materials, working with textures, or implementing visual effects.
React Three Fiber Animation
92React Three Fiber animation - useFrame, useAnimations, spring physics, keyframes. Use when animating objects, playing GLTF animations, creating procedural motion, or implementing physics-based movement.
React Three Fiber Geometry
90React Three Fiber geometry - built-in shapes, BufferGeometry, instancing with Drei. Use when creating 3D shapes, custom meshes, point clouds, lines, or optimizing with instanced rendering.
React Three Fiber Lighting
88React Three Fiber lighting - light types, shadows, Environment component, IBL. Use when adding lights, configuring shadows, setting up environment lighting, or optimizing lighting performance.