threejs-lighting

threejs lighting

cloudai-x 2.7k ↓ 5.1k updated 1mo ago
Claude Code
View source ↗

What it does

  • threejs-materials - Material light response
  • threejs-textures - Lightmaps and environment maps
  • threejs-postprocessing - Bloom and other light effects

Requirements & configuration

  • \RectAreaLight shadows require custom solutions
  • 5. Disable unused shadows: Not all lights need shadows
  • decorMesh.castShadow = false; // Small objects often don't need to cast

Derived from the skill's own SKILL.md documentation · extracted 2026-07-23

threejs lighting

Source

Repository: https://github.com/cloudai-x/threejs-skills

threejs-lighting FAQ

What does the threejs-lighting skill do?

Three.js lighting - light types, shadows, environment lighting. Use when adding lights, configuring shadows, setting up IBL, or optimizing lighting performance. threejs-materials - Material light response threejs-textures - Lightmaps and environment maps

What does threejs-lighting require?

\RectAreaLight shadows require custom solutions 5. Disable unused shadows: Not all lights need shadows decorMesh.castShadow = false; // Small objects often don't need to cast

How do I install threejs-lighting?

Run: npx -y skills add https://github.com/cloudai-x/threejs-skills --skill threejs-lighting --agent claude-code — the source lives at github.com/cloudai-x/threejs-skills.

Maintain threejs-lighting?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

threejs-lighting on getagentictools
[![threejs-lighting on getagentictools](https://getagentictools.com/badge/skills/cloudai-x-threejs-skills-threejs-lighting.svg)](https://getagentictools.com/skills/cloudai-x-threejs-skills-threejs-lighting?ref=badge)
npx agentictools info skills/cloudai-x-threejs-skills-threejs-lighting

The second line is the CLI lookup for this page — handy in READMEs and docs.