Summary
Handles all the interactive bits for React Three Fiber scenes. Pointer events work directly on mesh elements with onClick, onPointerOver, and friends, giving you intersection points, face normals, and UV coordinates out of the box. Includes camera controls from drei like OrbitControls, MapControls, and PointerLockControls, plus TransformControls for those editor-style gizmos. The event system is surprisingly clean, you can stopPropagation between overlapping objects and toggle raycasting per mesh. Covers the gap between "I have a 3D scene" and "users can actually interact with it" without writing your own raycasting logic. Great reference for event properties and control options you'll forget between projects.
Install to Claude Code
npx -y skills add enzed/r3f-skills --skill r3f-interaction --agent claude-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →Categories
