Agent skill · software engineering · cloudai-x
threejs-geometry
Three.js geometry creation - built-in shapes, BufferGeometry, custom geometry, instancing. Use when creating 3D shapes, working with vertices, building custom meshes, or optimizing with instanced rendering.
Why this skill is useful
Provides specific commands for creating various geometries in Three.js that the AI wouldn't reliably generate on its own.
What it needs
About 7k tokens when loaded. Last updated 2026-07-09. 2,926 stars on the source repository.
What this skill does
Three.js Geometry Quick Start Built-in Geometries Basic Shapes Advanced Shapes Path-Based Shapes Text Geometry BufferGeometry The base class for all geometries. Stores data as typed arrays for GPU efficiency. Custom BufferGeometry BufferAttribute Types Modifying BufferGeometry Interleaved Buffers (Advanced) EdgesGeometry & WireframeGeometry Points Lines InstancedMesh Efficiently render many copies of the same geometry. Update Instance at Runtime InstancedBufferGeometry (Advanced) For custom per-instance attributes beyond transform/color. Geometry Utilities Common Patterns Center Geometry Scale to Fit Clone and Transform Morph Targets Performance Tips 1. Use indexed geometry: Reuse vertices with indices 2. Merge static meshes: Reduce draw calls with mergeGeometries 3. Use InstancedMesh: For many identical objects 4. Choose appropriate segment counts: More segments = smoother but slower 5. Dispose unused geometry: geometry.dispose() See Also threejs-fundamentals - Scene setup and Object3D threejs-materials - Material types for meshes threejs-shaders - Custom vertex manipulation
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills cloudai-x/threejs-geometry