r3f-geometry

Community

Craft 3D geometry with React Three Fiber.

Authortadams95
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill provides a concise toolkit for constructing and optimizing 3D geometries within React Three Fiber, simplifying the creation of shapes and complex forms.

Core Features & Use Cases

  • Built-in geometries: box, sphere, plane, cylinder, cone, torus, and more for rapid prototyping.
  • Drei helpers: convenient components like Box, Sphere, RoundedBox, and Text to speed up scene composition.
  • Custom geometry: demonstrates building a BufferGeometry, custom attributes, and manual geometry assembly.
  • Instancing and merging: supports instanced meshes and merged geometries for scalable rendering.
  • Geometry utilities: ready-to-use helpers for common tasks like centering and bounds.

Quick Start

Use r3f-geometry to render a simple Box with <boxGeometry args={[1,1,1]} /> and a basic <meshStandardMaterial />.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: r3f-geometry
Download link: https://github.com/tadams95/kardashev-network/archive/main.zip#r3f-geometry

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.