---
title: "Nicolas Zullo (@enzed) skills · skilld"
canonical_url: "https://skilld.dev/gh/enzed"
meta:
  description: "11 agent skills written by Nicolas Zullo on skilld. react-three-fiber, r3f, pointer-events."
  "og:description": "11 agent skills written by Nicolas Zullo."
  "og:title": "Nicolas Zullo on skilld"
---

`

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

# **Nicolas Zullo**

[@enzed](https://github.com/enzed)person

11 skills 122 Synced 1 month ago

Mostly·react-three-fiber, r3f, pointer-events

[GitHub](https://github.com/enzed)

## Skills

### [enzed/r3f-skills](https://skilld.dev/gh/enzed/r3f-skills)

11 skills 122

`npx skilld add enzed/r3f-skills`

- [

  **/r3f-animation**122

  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 by enzed](https://skilld.dev/gh/enzed/r3f-skills/r3f-animation)
- [

  **/r3f-fundamentals**122

  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 by enzed](https://skilld.dev/gh/enzed/r3f-skills/r3f-fundamentals)
- [

  **/r3f-geometry**122

  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 by enzed](https://skilld.dev/gh/enzed/r3f-skills/r3f-geometry)
- [

  **/r3f-interaction**122

  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 by enzed](https://skilld.dev/gh/enzed/r3f-skills/r3f-interaction)
- [

  **/r3f-lighting**122

  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 by enzed](https://skilld.dev/gh/enzed/r3f-skills/r3f-lighting)
- [

  **/r3f-loaders**122

  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 by enzed](https://skilld.dev/gh/enzed/r3f-skills/r3f-loaders)
- [

  **/r3f-materials**122

  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 by enzed](https://skilld.dev/gh/enzed/r3f-skills/r3f-materials)
- [

  **/r3f-physics**122

  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 by enzed](https://skilld.dev/gh/enzed/r3f-skills/r3f-physics)
- [

  **/r3f-postprocessing**122

  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 by enzed](https://skilld.dev/gh/enzed/r3f-skills/r3f-postprocessing)
- [

  **/r3f-shaders**122

  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 by enzed](https://skilld.dev/gh/enzed/r3f-skills/r3f-shaders)
- [

  **/r3f-textures**122

  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 by enzed](https://skilld.dev/gh/enzed/r3f-skills/r3f-textures)

Curated skills from @enzed. Checked GitHub just now