React Three Fiber

If you're building 3D experiences in React and want to skip the imperative Three.js boilerplate, this gets you there with declarative JSX components. The skill covers R3F v9.5+ along with the drei helper library, Rapier physics, and postprocessing effects. It includes decision frameworks for when R3F makes sense over vanilla Three.js (spoiler: if you're already in React, probably yes). With 229 installs and passing all three security audits, it's a solid reference for the current ecosystem. The approach here is practical: scene composition patterns, performance considerations, and handling the quirks of reactive 3D rendering.

Install to Claude Code

npx -y skills add anthemflynn/ccmp --skill react-three-fiber --agent claude-code