r3f-interaction

r3f-interaction is a reusable AI skill focused on a specific workflow. name: r3f-interaction

The skill packages instructions, conventions, and task-specific guidance so an agent can execute the job more consistently. description: React Three Fiber interaction - pointer events, controls, gestures, selection. Use when handling user input, implementing click detection, adding camera controls, or creating interactive 3D experiences. import { Canvas } from '@react-three/fiber' import { OrbitControls } from '@react-three/drei'

In practice, this skill is best suited for users who need repeatable execution with fewer setup steps and less ambiguity. function InteractiveMesh() { onClick={(e) => console.log('Clicked!', e.point)} onPointerOver={(e) => console.log('Hover')} onPointerOut={(e) => console.log('Unhover')}