r3f-fundamentals
✓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.
Installation
SKILL.md
The root component that creates the WebGL context, scene, camera, and renderer.
Subscribe to the render loop. Called every frame (typically 60fps).
Leva provides a GUI for tweaking parameters in real-time during development.
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. Source: enzed/r3f-skills.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/enzed/r3f-skills --skill r3f-fundamentals- Source
- enzed/r3f-skills
- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is r3f-fundamentals?
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. Source: enzed/r3f-skills.
How do I install r3f-fundamentals?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/enzed/r3f-skills --skill r3f-fundamentals Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/enzed/r3f-skills
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-01