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.

skills.sh installs: 2.1K
GitHub stars: 135
last updated: Aug 21, 2026

View on GitHub

Install

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

Installs into .claude/skills of the current project.

Files

React Three Fiber geometry

Inspect installed Three.js, Fiber, and Drei versions before copying constructor arguments or helper props. Examples target Fiber 9 / React 19 and Three.js r185.