React Three Fiber Shaders
Skill सत्यापितReact Three Fiber shaders - GLSL, shaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.
This extension provides code examples and patterns for creating and using custom shaders within React Three Fiber applications. It covers various shader techniques, including `shaderMaterial`, `THREE.ShaderMaterial`, uniforms, varyings, and common patterns like vertex displacement and Fresnel effects. The examples are designed to be integrated into R3F projects and leverage popular libraries like `@react-three/drei`.
Versioning
- warning:Release ManagementThere is no explicit versioning information (e.g., version field, changelog) for this extension, and installation instructions might default to the main branch.
इंस्टॉलेशन
npx skills add enzed/r3f-skillsVercel skills CLI (skills.sh) को npx के माध्यम से चलाता है — स्थानीय रूप से Node.js और कम से कम एक इंस्टॉल किया गया skills-संगत एजेंट (Claude Code, Cursor, Codex, …) ज़रूरी है। यह मानता है कि रिपॉज़िटरी agentskills.io फ़ॉर्मैट का पालन करती है।
मिलते-जुलते एक्सटेंशन
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 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 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.
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 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.
Tandem Panel Scaffold
100Scaffold an editable Tandem control panel app