React Three Fiber Fundamentals
Skill যাচাই করাReact Three Fiber fundamentals - Canvas, hooks (useFrame, useThree), JSX elements, events, refs. Use when setting up R3F scenes, creating components, handling the render loop, or working with Three.js objects in React.
This skill offers detailed explanations and ready-to-use code snippets for core React Three Fiber concepts, including the Canvas component, essential hooks like useFrame and useThree, and JSX element usage. It also covers event handling, refs, and performance patterns.
Practical Utility
- info:Unique selling propositionThe extension provides up-to-date R3F patterns and examples, which is valuable, but it's primarily a reference and educational tool rather than a unique behavior modifier for the LLM.
- info:Edge casesWhile the skill covers fundamental concepts and provides examples, it does not explicitly document failure modes or recovery steps for edge cases like malformed input or missing dependencies.
Versioning
- warning:Release ManagementThere is no versioning information (e.g., SKILL.md version field, release tags, CHANGELOG) present in the repository.
ইনস্টলেশন
npx skills add enzed/r3f-skillsVercel skills CLI (skills.sh)-কে npx-এর মাধ্যমে চালায় — স্থানীয়ভাবে Node.js এবং অন্তত একটি skills-সামঞ্জস্যপূর্ণ এজেন্ট (Claude Code, Cursor, Codex, …) ইনস্টল করা থাকতে হবে। ধরে নেওয়া হয় রিপোজিটরিটি agentskills.io ফরম্যাট অনুসরণ করে।
অনুরূপ এক্সটেনশন
ESLint Plugin React Hooks
99ESLint rules for React Hooks
react-is
98Brand checking of React Elements.
React PWA
98Extension from jwynia/agent-skills
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 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