threejs-geometry

Create and manipulate 3D geometries in Three.js.

1|Updated Mar 5, 2026
One-click install
npx skills add https://github.com/MCERQUA/jam-skills --skill threejs-geometry-mcerqua
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: threejs-geometry
Source: https://github.com/MCERQUA/jam-skills/tree/main/threejs-geometry
Command: npx skills add https://github.com/MCERQUA/jam-skills --skill threejs-geometry-mcerqua

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides a comprehensive toolkit for creating and working with 3D geometries in the Three.js library, enabling users to build complex 3D scenes and models.

Core Features & Use Cases

  • Geometry Creation: Generate built-in shapes like boxes, spheres, planes, and more.
  • Custom Geometry: Construct custom geometries from scratch or using paths and extrusions.
  • BufferGeometry: Efficiently handle large meshes using typed arrays for GPU performance.
  • InstancedMesh: Render many copies of the same geometry with InstancedMesh for performance gains.
  • Geometry Utilities: Utilize tools for merging geometries, computing tangents, and more.

Quick Start

To get started, import the threejs-geometry skill into your project and begin creating your 3D shapes using Three.js.

Frequently Asked Questions about threejs-geometry

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create custom 3D geometries in Three.js?

To create custom 3D geometries in Three.js, you can construct shapes from scratch or use paths and extrusions. This allows you to build complex 3D scenes and models beyond basic built-in shapes.

What is the best way to render many copies of the same geometry in Three.js?

The best way to render many copies of the same geometry in Three.js is using InstancedMesh. This approach provides significant performance gains when handling numerous identical objects in a 3D scene.

Why use BufferGeometry for large meshes in Three.js?

Use BufferGeometry for large meshes in Three.js to efficiently handle typed arrays and optimize GPU performance. It stores geometry data directly for faster rendering of complex 3D models.

Can I merge multiple geometries in Three.js?

Yes, you can merge multiple geometries in Three.js using built-in geometry utilities. These utilities also support computing tangents and other operations to manipulate 3D shapes effectively.

Does this Three.js geometry utility support generating basic shapes like boxes and spheres?

Yes, this Three.js geometry utility supports generating basic shapes like boxes, spheres, and planes. It is designed for 3D artists and developers working to build and render 3D scenes.