threejs-materials

What it does: This skill helps you choose and set up materials for 3D objects in three.js, which is a tool for making 3D graphics on the web. It covers standard materials like MeshStandardMaterial for realistic surfaces, special materials for transparency and custom effects, and materials for lines and particles. You can control how shiny or rough surfaces look, add texture maps, and write custom shaders if you need advanced effects. When to use it: Use this when you are building 3D scenes and need to make surfaces look realistic with proper lighting, add textures or colors, make objects see-through, or create custom visual effects. Do not use this if you are building shaders with nodes or using the newer WebGPU graphics system, which need a different skill.