Construct and optimize 3D geometries with React Three Fiber.
npx skills add https://github.com/tadams95/kardashev-network --skill r3f-geometry
Please help me install this Agent Skill. Skill: r3f-geometry Source: https://github.com/tadams95/kardashev-network/tree/main/.claude/skills/r3f-geometry Command: npx skills add https://github.com/tadams95/kardashev-network --skill r3f-geometry
This skill provides a concise toolkit for constructing and optimizing 3D geometries within React Three Fiber, simplifying the creation of shapes and complex forms.
Use r3f-geometry to render a simple Box with <boxGeometry args={[1,1,1]} /> and a basic <meshStandardMaterial />.
High-intent search queries and answers about installing and using this skill.
Create custom 3D geometry in React Three Fiber by building a BufferGeometry with custom attributes and manual vertex assembly. This approach allows precise control over shape structure beyond standard built-in primitives.
Render thousands of objects efficiently in React Three Fiber using InstancedMesh and merged geometries. These techniques minimize draw calls, enabling scalable rendering for complex interactive 3D scenes.
Use Drei helpers to speed up 3D geometry creation in React Three Fiber with convenient components like Box, Sphere, and RoundedBox. These utilities simplify scene composition compared to manual mesh configuration.
This React Three Fiber geometry approach requires an existing R3F project with Drei installed. You need these dependencies established before implementing built-in geometries, custom BufferGeometry, or instanced meshes.
Built-in geometries available for rapid prototyping in React Three Fiber include box, sphere, plane, cylinder, cone, and torus shapes. Use them with standard materials like meshStandardMaterial for immediate visual results.
Use BufferGeometry instead of Drei helpers when you need custom attributes or manual geometry assembly beyond standard primitives. BufferGeometry provides low-level vertex control, while Drei prioritizes rapid scene composition.
jtgironGenerate React Three Fiber scenes from JSON render specifications.
alexzhang1030Create Three.js geometry and mesh structures with BufferGeometry attributes.
princegarg001Enable pointer events and camera controls for React Three Fiber scenes.
calesthioCreate and manipulate Three.js geometries with BufferGeometry and InstancedMesh.
