threejs-geometry

Name: threejs-geometry
Availability: InStock
Author: tc9011

Generate and manipulate 3D geometries using the Three.js library.

Updated Feb 5, 2026

Search Tags:#graphics #javascript #geometry #webgl #threejs #3d

Ready to run

npx skills add https://github.com/tc9011/my-skills --skill threejs-geometry-tc9011

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: threejs-geometry
Source: https://github.com/tc9011/my-skills/tree/main/skills/threejs-geometry
Command: npx skills add https://github.com/tc9011/my-skills --skill threejs-geometry-tc9011

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill simplifies the creation and manipulation of 3D geometries within the Three.js library, enabling developers to build complex 3D scenes efficiently.

Core Features & Use Cases

Built-in Geometries: Easily generate standard shapes like boxes, spheres, planes, and more.
Custom Geometries: Define unique shapes using BufferGeometry for precise vertex control.
Advanced Techniques: Utilize instancing for performance, extrusions, lathed shapes, and text geometry.
Use Case: When developing a 3D visualization for architectural designs, use this Skill to quickly generate walls, floors, and furniture models, or to import and display custom CAD models.

Quick Start

Use the threejs-geometry skill to create a BoxGeometry with a size of 1, 1, 1 and add it to the scene.

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 geometry in Three.js using BufferGeometry?▼

Create custom 3D geometry in Three.js using BufferGeometry to define unique shapes with precise vertex control. This approach allows you to manually specify vertex positions, normals, and UV coordinates for complex objects not covered by built-in primitives.

What is the best way to render multiple identical 3D objects efficiently in Three.js?▼

The best way to render multiple identical 3D objects efficiently in Three.js is using instanced meshes. This technique allows you to draw the same geometry thousands of times with different transformations in a single draw call, significantly improving rendering performance.

Can I generate 3D text and extruded shapes in Three.js?▼

Yes, you can generate 3D text and extruded shapes in Three.js. The library supports text geometry for rendering 3D fonts and extrusions to create 3D objects from 2D paths, which is useful for architectural designs and detailed visualizations.

Does Three.js support built-in primitive shapes like boxes and spheres for 3D graphics?▼

Yes, Three.js supports built-in primitive shapes for 3D graphics. You can easily generate standard geometries like boxes, spheres, and planes using the library's built-in classes, providing a quick foundation for building complex scenes.

When do I need to use custom BufferGeometry instead of standard Three.js primitives?▼

You need custom BufferGeometry instead of standard Three.js primitives when your 3D visualization requires unique shapes with precise vertex control. Use it to define custom walls, floors, or imported CAD models that cannot be represented by basic boxes or spheres.