---
title: "enzed&#x2F;r3f-skills skills · skilld"
canonical_url: "https://skilld.dev/gh/enzed/r3f-skills"
meta:
  description: "11 agent skills from EnzeD/r3f-skills on skilld."
  "og:description": "11 agent skills from EnzeD/r3f-skills on skilld."
  "og:title": "enzed/r3f-skills skills"
  "twitter:description": "11 agent skills from EnzeD/r3f-skills on skilld."
  "twitter:title": "enzed/r3f-skills skills"
---

`

[All skills](https://skilld.dev/skills)

[![enzed avatar](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fenzed.png)](https://skilld.dev/gh/enzed)

# **EnzeD/r3f-skills**

main Updated last month [GitHub](https://github.com/EnzeD/r3f-skills)

![README badge for enzed/r3f-skills](https://skilld.dev/b/enzed/r3f-skills?theme=light&label=0)

## Repository statistics

- Indexed skills

  **11**
- Skill groups

  **1**
- GitHub stars

  **124**
- Forks

  **7**

## Skills

11 total

Sort skills

[<h3>**/r3f-shaders**</h3>Implement custom GLSL or TSL materials in React Three Fiber, including uniforms and vertex deformation. Use for shader code and shader debugging, rather than ordinary PBR settings or composer effects. /r3f-shaders](https://skilld.dev/gh/enzed/r3f-skills/r3f-shaders)

Updated last month

[<h3>**/r3f-animation**</h3>Animate React Three Fiber objects with useFrame, damping, and GLTF clips. Use for procedural motion, animation transitions, or demand-loop animation; use physics guidance for collision-driven movement. /r3f-animation](https://skilld.dev/gh/enzed/r3f-skills/r3f-animation)

Updated last month

[<h3>**/r3f-fundamentals**</h3>Set up React Three Fiber scenes, Canvas, typed JSX, hooks, and resource ownership. Use for scene architecture and render-loop setup, rather than detailed materials or effects. /r3f-fundamentals](https://skilld.dev/gh/enzed/r3f-skills/r3f-fundamentals)

Updated last month

[<h3>**/r3f-geometry**</h3>Build React Three Fiber geometry, custom buffers, instanced meshes, points, and lines. Use for shape construction and geometry draw-call optimization, rather than material appearance. /r3f-geometry](https://skilld.dev/gh/enzed/r3f-skills/r3f-geometry)

Updated last month

[<h3>**/r3f-interaction**</h3>Implement React Three Fiber pointer events, picking, dragging, keyboard input, and camera controls. Use for scene interaction and event propagation, rather than animation or physics simulation itself. /r3f-interaction](https://skilld.dev/gh/enzed/r3f-skills/r3f-interaction)

Updated last month

[<h3>**/r3f-lighting**</h3>Light React Three Fiber scenes with direct lights, environment maps, and shadows. Use for light placement, image-based lighting, shadow artifacts, and lighting performance. /r3f-lighting](https://skilld.dev/gh/enzed/r3f-skills/r3f-lighting)

Updated last month

[<h3>**/r3f-loaders**</h3>Load and reuse 3D assets in React Three Fiber with useGLTF, useLoader, Suspense, and preloading. Use for model loading, decoder setup, caching, cloning, or loading/error UI. /r3f-loaders](https://skilld.dev/gh/enzed/r3f-skills/r3f-loaders)

Updated last month

[<h3>**/r3f-materials**</h3>Choose and configure React Three Fiber surface materials, PBR, transparency, and transmission. Use for mesh appearance and material cost; use shader guidance for custom GLSL or TSL code. /r3f-materials](https://skilld.dev/gh/enzed/r3f-skills/r3f-materials)

Updated last month

[<h3>**/r3f-physics**</h3>Add Rapier rigid bodies, colliders, forces, sensors, and joints to React Three Fiber. Use for collision-driven movement and simulation; use animation guidance for purely visual motion. /r3f-physics](https://skilld.dev/gh/enzed/r3f-skills/r3f-physics)

Updated last month

[<h3>**/r3f-postprocessing**</h3>Configure React Three Fiber postprocessing, bloom, selection effects, ambient occlusion, and depth of field. Use for composer pipelines and screen-space effects, rather than mesh material shaders. /r3f-postprocessing](https://skilld.dev/gh/enzed/r3f-skills/r3f-postprocessing)

Updated last month

[<h3>**/r3f-textures**</h3>Configure textures in React Three Fiber, including color spaces, UV channels, sampling, video, and render targets. Use for texture appearance or memory issues; use loader guidance for model-loading workflows. /r3f-textures](https://skilld.dev/gh/enzed/r3f-skills/r3f-textures)

Updated last month

## Add to your README

The badge links readers to this page. It shows the skilld mark and no counts, and it follows the reader's light or dark GitHub theme.

`<a href="https://skilld.dev/gh/enzed/r3f-skills"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://skilld.dev/b/enzed/r3f-skills?theme=dark"> <source media="(prefers-color-scheme: light)" srcset="https://skilld.dev/b/enzed/r3f-skills?theme=light"> <img alt="Skill repository on skilld.dev" src="https://skilld.dev/b/enzed/r3f-skills?theme=light"> </picture> </a>`