React Three Fiber Materials
Skill ImethibitishwaReact Three Fiber materials - PBR materials, Drei materials, shader materials, material properties. Use when styling meshes, creating custom materials, working with textures, or implementing visual effects.
This skill offers pre-built React components for various React Three Fiber material types, including PBR, shader, and specialized Drei materials. It provides detailed configuration options, example usage, and performance tips for styling meshes, working with textures, and implementing visual effects within R3F applications.
Versioning
- warning:Release ManagementNo explicit versioning (e.g., package.json version, CHANGELOG, Git tags) is present in the repository. The install instructions reference 'HEAD', preventing version pinning.
Usakinishaji
npx skills add enzed/r3f-skillsInaendesha Vercel skills CLI (skills.sh) kupitia npx — inahitaji Node.js ndani ya kompyuta yako na angalau agent mmoja anayoendana na skills aliyesakinishwa (Claude Code, Cursor, Codex, …). Inafikiriwa kuwa repo inafuata muundo wa agentskills.io.
Vipanuzi vinavyofanana
React Three Fiber Interaction
98React Three Fiber interaction - pointer events, controls, gestures, selection. Use when handling user input, implementing click detection, adding camera controls, or creating interactive 3D experiences.
React Three Fiber Lighting
88React Three Fiber lighting - light types, shadows, Environment component, IBL. Use when adding lights, configuring shadows, setting up environment lighting, or optimizing lighting performance.
React Three Fiber Shaders
92React Three Fiber shaders - GLSL, shaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.
React Three Fiber Geometry
90React Three Fiber geometry - built-in shapes, BufferGeometry, instancing with Drei. Use when creating 3D shapes, custom meshes, point clouds, lines, or optimizing with instanced rendering.
React Three Fiber Textures
85React Three Fiber textures - useTexture, texture loading, environment maps, texture configuration. Use when loading images, working with PBR texture sets, cubemaps, HDR environments, or optimizing texture usage.
React Three Fiber Post-Processing
98React Three Fiber post-processing - @react-three/postprocessing, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creating custom screen-space shaders.