threejs-procedural-geometry
CommunityGenerate and build workload-selected procedural mesh systems in Three.js WebGPU/TSL.
Authorlinegel
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill enables the generation and building of sophisticated procedural mesh systems within the Three.js WebGPU/TSL environment, allowing for the creation of advanced, custom graphics scenes with procedural terrains, coastlines, and more.
Core Features & Use Cases
- Procedural Mesh Generation: Dynamically generate complex geometric structures like terrains, coastlines, and custom profiles using semantic dimensions and coordinate frames.
- Workload Selection: Select and build the most appropriate mesh class (BatchedMesh, InstancedMesh, or static geometry) based on topology and update behavior for optimal performance.
- Use Case: Use this Skill to create detailed terrains with multiple levels of detail and performance considerations for applications such as architectural modeling or virtual globe scenarios.
Quick Start
To create a procedural terrain using the 'threejs-procedural-geometry' skill, execute the following command:
$threejs-choose-skills --skill 'threejs-procedural-geometry'
Dependency Matrix
Required Modules
threethree/jsm/webgpu
Components
scriptsreferencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: threejs-procedural-geometry Download link: https://github.com/linegel/threejs-complete-set-of-skill/archive/main.zip#threejs-procedural-geometry Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.