Nicolas Zullo writes agent skills for building 3D scenes with React Three Fiber, covering scene setup, lighting and shadows, postprocessing effects, physics with Rapier, pointer and camera interaction, animation, custom geometry, and asset loading. His skills separate related concerns clearly, such as directing collision-driven motion to physics and purely visual motion to animation, which helps an agent choose the right approach for each task.
R3F Skills
11 skills · 134 stars
R3F Animation Animate React Three Fiber objects with useFrame, damping, and GLTF clips.
R3F Fundamentals Set up React Three Fiber scenes, Canvas, typed JSX, hooks, and resource ownership.
R3F Geometry Build React Three Fiber geometry, custom buffers, instanced meshes, points, and lines.
R3F Interaction Implement React Three Fiber pointer events, picking, dragging, keyboard input, and camera controls.
R3F Lighting Light React Three Fiber scenes with direct lights, environment maps, and shadows.
R3F Loaders Load and reuse 3D assets in React Three Fiber with useGLTF, useLoader, Suspense, and preloading.
R3F Materials Choose and configure React Three Fiber surface materials, PBR, transparency, and transmission.
R3F Physics Add Rapier rigid bodies, colliders, forces, sensors, and joints to React Three Fiber.
R3F Postprocessing Configure React Three Fiber postprocessing, bloom, selection effects, ambient occlusion, and dept…
R3F Shaders Implement custom GLSL or TSL materials in React Three Fiber, including uniforms and vertex deform…
R3F Textures Configure textures in React Three Fiber, including color spaces, UV channels, sampling, video, an…