React Three Fiber Post-Processing
Skill যাচাই করাReact 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.
This skill demonstrates how to integrate and configure various post-processing effects from the '@react-three/postprocessing' library within a React Three Fiber (R3F) setup. It includes detailed code examples for common effects like Bloom, Depth of Field, Vignette, and custom shaders, along with explanations of parameters and performance considerations.
Versioning
- info:Release ManagementThe README mentions version compatibility for R3F, Drei, and Three.js, but there is no explicit version number for the skill itself in the manifest or CHANGELOG.
ইনস্টলেশন
npx skills add enzed/r3f-skillsVercel skills CLI (skills.sh)-কে npx-এর মাধ্যমে চালায় — স্থানীয়ভাবে Node.js এবং অন্তত একটি skills-সামঞ্জস্যপূর্ণ এজেন্ট (Claude Code, Cursor, Codex, …) ইনস্টল করা থাকতে হবে। ধরে নেওয়া হয় রিপোজিটরিটি agentskills.io ফরম্যাট অনুসরণ করে।
অনুরূপ এক্সটেনশন
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 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 Physics (Rapier)
95React Three Fiber physics with Rapier - RigidBody, colliders, forces, joints, sensors. Use when adding physics simulation, collision detection, character controllers, or creating interactive physics-based experiences.
React Three Fiber Materials
95React 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.
React Three Fiber Animation
92React Three Fiber animation - useFrame, useAnimations, spring physics, keyframes. Use when animating objects, playing GLTF animations, creating procedural motion, or implementing physics-based movement.
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.