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.
npx skills add https://github.com/anthemflynn/ccmp --skill react-three-fiber