threejs-syntax-materials
OfficialMaster Three.js material theory and textures.
AuthorOpenAEC-Foundation
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps developers correctly configure Three.js materials, ensuring proper color spaces, texture maps, and PBR workflows to avoid common rendering mistakes.
Core Features & Use Cases
- Understand when to use MeshStandardMaterial vs MeshPhysicalMaterial and how to apply diffuse, normal, roughness, metalness, and AO maps.
- Learn texture color space handling, wrapping, and mipmapping rules to achieve accurate, high-fidelity renders.
- Real-world scenarios include architectural walls, metal components, glass-like transmissive materials, and toon shading with gradient maps.
Quick Start
Create a MeshStandardMaterial with diffuse SRGB texture and normal/roughness/ao maps, then assign it to a mesh.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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-syntax-materials Download link: https://github.com/OpenAEC-Foundation/Three.js-Claude-Skill-Package/archive/main.zip#threejs-syntax-materials 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 471,000+ vetted skills library on demand.