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.