R3f Geometry

Covers the full geometry workflow in React Three Fiber, from basic shapes like boxes and spheres to custom BufferGeometry with manual vertex data. Shows you how to use built-in primitives with constructor args, create path-based shapes with lathe and extrude operations, and build dynamic meshes that animate via attribute manipulation. Includes Drei helpers for cleaner syntax and instancing patterns for rendering thousands of objects efficiently. The BufferGeometry examples are especially useful since you'll need to drop down to vertices and indices for anything beyond standard primitives, and the indexed geometry pattern saves memory when you're reusing vertices across triangles.

Install to Claude Code

npx -y skills add enzed/r3f-skills --skill r3f-geometry --agent claude-code