Skills
.Work. You
Rest

threejs-impl-shadows

Official

Precision shadow setup for Three.js scenes.

Software Engineering#debugging#bias#threejs#lighting#shadows#shadow-map#alpha-test
AuthorOpenAEC-Foundation
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Shadows in Three.js projects are often misconfigured or neglected, resulting in missing, biased, or flickering shadows that degrade realism.

Core Features & Use Cases

  • Renderer and light opt-ins: enable shadowMap on renderer, castShadow/receiveShadow on lights and objects.
  • Shadow map tuning: configure mapSize, bias, normalBias, and different shadow map types (PCF, PCFSoft, VSM) per scene needs.
  • Guided workflows: per-light shadow setup for DirectionalLight, SpotLight, and PointLight, including frustum setup and camera helpers for debugging.

Quick Start

Enable shadows in renderer and lights, then enable per-object shadow casting/receiving and adjust the shadow camera frustum for your scene to ensure shadows render correctly.

Dependency Matrix

Required Modules

None required

Components

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-impl-shadows
Download link: https://github.com/OpenAEC-Foundation/Three.js-Claude-Skill-Package/archive/main.zip#threejs-impl-shadows

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.