🎯Skills11
React Three Fiber interaction skills covering pointer events, camera controls, gestures, and selection for building interactive 3D web experiences.
Provides accurate, up-to-date API references and idiomatic React patterns for React Three Fiber (R3F), Drei, and the 3D ecosystem to enhance AI coding assistant capabilities.
React Three Fiber shader development skill providing accurate, up-to-date API references for R3F, Drei, and the Three.js ecosystem with idiomatic React 3D patterns.
React Three Fiber geometry skill for creating 3D shapes, custom meshes, BufferGeometry, point clouds, lines, and instanced rendering optimization with Drei
React Three Fiber physics skill for Rapier integration covering RigidBody, colliders, forces, joints, sensors, character controllers, and interactive physics-based experiences
React Three Fiber materials skill providing accurate, up-to-date API references for R3F, Drei, and the Three.js ecosystem with idiomatic React 3D patterns.
React Three Fiber lighting skill covering light types, shadow configuration, Environment component, image-based lighting (IBL), and lighting performance optimization
React Three Fiber animation skill covering useFrame, useAnimations, spring physics, keyframes, procedural motion, and GLTF animation playback
React Three Fiber post-processing skill covering bloom, depth of field, color grading, vignette, screen effects, and custom screen-space shaders via @react-three/postprocessing
Provides React Three Fiber texture handling guidance including useTexture hook usage, PBR texture sets, environment maps, cubemaps, HDR environments, and texture configuration best practices.
React Three Fiber asset loading skill covering useGLTF, useLoader, Suspense patterns, preloading strategies for 3D models, textures, and HDR environments