🎯

threejs-geometry

🎯Skill

from cloudai-x/threejs-skills

What it does

Three.js agent skills covering scene setup, cameras, renderer configuration, Object3D hierarchy, coordinate systems, and 3D rendering fundamentals.

Overview

A Claude Code skill providing comprehensive Three.js geometry knowledge, covering built-in shapes, BufferGeometry, custom geometry creation, and instanced rendering. It serves as an accurate API reference with working code examples for creating 3D shapes, working with vertices, and optimizing rendering performance.

Key Features

Complete Built-in Shape Reference - Covers all basic shapes (box, sphere, plane, cylinder, cone, torus) and advanced shapes (capsule, dodecahedron, icosahedron, octahedron, tetrahedron, polyhedron) with full constructor signatures
Path-Based Geometry - Includes LatheGeometry for revolution surfaces and ExtrudeGeometry for creating 3D objects from 2D shapes
Custom BufferGeometry - Guidance for creating custom geometry with vertex positions, normals, and UV coordinates
Instanced Rendering - Patterns for efficiently rendering many copies of the same geometry with different transforms
Parametric Control - Detailed parameter documentation showing how to create hemispheres, hexagonal prisms, semicircles, and other shape variations through constructor arguments

Who is this for?

This skill is designed for developers working with Three.js who need precise API references for geometry creation. It is especially helpful for those building 3D web experiences, data visualizations, or interactive scenes who need to quickly look up constructor parameters or learn the correct approach for custom geometry creation.

📦

Same repository

cloudai-x/threejs-skills(10 items)

threejs-geometry

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

npx vibeindex add cloudai-x/threejs-skills --skill threejs-geometry

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

npx skills add cloudai-x/threejs-skills --skill threejs-geometry

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/threejs-geometry/SKILL.md

SKILL.md

1,583Installs

1,181

Last UpdatedJan 19, 2026

View on GitHub Back to Skills

More from this repository9

🎯

threejs-animation🎯Skill

Provides Three.js animation API references, patterns, and best practices for creating 3D animations and interactive experiences.

🎯

threejs-fundamentals🎯Skill

Three.js agent skills covering scene setup, cameras, renderer configuration, Object3D hierarchy, coordinate systems, and 3D rendering fundamentals.

🎯

threejs-shaders🎯Skill

Provides Three.js shader development patterns including custom WebGL shaders, GLSL code examples, and advanced rendering effects

🎯

threejs-interaction🎯Skill

Three.js agent skills covering scene setup, cameras, renderer configuration, Object3D hierarchy, coordinate systems, and 3D rendering fundamentals.

🎯

threejs-materials🎯Skill

Provides Three.js material system patterns including PBR materials, textures, normal maps, environment mapping, and advanced rendering techniques

🎯

threejs-postprocessing🎯Skill

Three.js agent skills covering scene setup, cameras, renderer configuration, Object3D hierarchy, coordinate systems, and 3D rendering fundamentals.

🎯

threejs-loaders🎯Skill

Provides Three.js asset loading patterns for 3D models, textures, and animations using GLTF, OBJ, FBX, and other format loaders

🎯

threejs-lighting🎯Skill

Provides Three.js lighting patterns including light types, shadows, intensity controls, and techniques for realistic 3D scene illumination

🎯

threejs-textures🎯Skill

Provides Three.js texture patterns including texture loading, UV mapping, mipmaps, filtering, and texture animation techniques