enzed avatar

enzed/r3f-skills

skills.sh installs
24.2K
skills
11

Install

$ npx -y skills add enzed/r3f-skills --agent claude-code

Installs into .claude/skills of the current project.

Skills

1enzed avatarr3f-interactionenzed/r3f-skillsReact Three Fiber interaction - pointer events, controls, gestures, selection. Use when handling user input, implementing click detection, adding camera control3.4Kskills.sh installs
2enzed avatarr3f-fundamentalsenzed/r3f-skillsReact Three Fiber fundamentals - Canvas, hooks (useFrame, useThree), JSX elements, events, refs. Use when setting up R3F scenes, creating components, handling t2.3Kskills.sh installs
3enzed avatarr3f-animationenzed/r3f-skillsReact Three Fiber animation - useFrame, useAnimations, spring physics, keyframes. Use when animating objects, playing GLTF animations, creating procedural motio2.2Kskills.sh installs
4enzed avatarr3f-postprocessingenzed/r3f-skillsReact Three Fiber post-processing - @react-three/postprocessing, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creat2.1Kskills.sh installs
5enzed avatarr3f-materialsenzed/r3f-skillsReact Three Fiber materials - PBR materials, Drei materials, shader materials, material properties. Use when styling meshes, creating custom materials, working 2.1Kskills.sh installs
6enzed avatarr3f-geometryenzed/r3f-skillsReact Three Fiber geometry - built-in shapes, BufferGeometry, instancing with Drei. Use when creating 3D shapes, custom meshes, point clouds, lines, or optimizi2.1Kskills.sh installs
7enzed avatarr3f-shadersenzed/r3f-skillsReact Three Fiber shaders - GLSL, shaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shader2.1Kskills.sh installs
8enzed avatarr3f-lightingenzed/r3f-skillsReact Three Fiber lighting - light types, shadows, Environment component, IBL. Use when adding lights, configuring shadows, setting up environment lighting, or 2Kskills.sh installs
9enzed avatarr3f-physicsenzed/r3f-skillsReact Three Fiber physics with Rapier - RigidBody, colliders, forces, joints, sensors. Use when adding physics simulation, collision detection, character contro2Kskills.sh installs
10enzed avatarr3f-loadersenzed/r3f-skillsReact Three Fiber asset loading - useGLTF, useLoader, Suspense patterns, preloading. Use when loading 3D models, textures, HDR environments, or managing loading2Kskills.sh installs
11enzed avatarr3f-texturesenzed/r3f-skillsReact Three Fiber textures - useTexture, texture loading, environment maps, texture configuration. Use when loading images, working with PBR texture sets, cubem1.9Kskills.sh installs