threejs-procedural-buildings-and-cities
CommunityAutomate 3D building generation in Three.js using grammatical massing, facade assembly, and material compilation.
System Documentation
What problem does it solve?
This Skill solves the challenge of building realistic and procedural Three.js WebGPU buildings with precise facade placement and optimized materials. It provides the automation required to create and integrate diverse structures with efficiency.
Core Features & Use Cases
- Grammatical Massing: Use a language-defined grammatical framework for creating 3D buildings procedurally.
- Facade Assembly: Generate and assemble detailed building facades and roof designs based on predefined patterns and configurations.
- Material Compilation: Optimize building geometry into compact slot geometries and use TSL NodeMaterial for realistic textures.
- Use Case: Build complex buildings, including financial towers and ruins, from their fundamental geometric blocks while applying material-specific NodeMaterial.
Quick Start
To build a tower from scratch using a grammar definition and materials from your own 'material-slots/' folder, use:
create_building_with_materials my_building.json 'my_material_slot_set' hero qualityTier
Dependency Matrix
Required Modules
Components
💻 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-buildings-and-cities Download link: https://github.com/linegel/threejs-complete-set-of-skill/archive/main.zip#threejs-procedural-buildings-and-cities 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.