FreeSkills
UI motion: hover, transitions, gestures
- 600600 downloads
- 208208 likes
- 109109 saves
Works with
- Claude Code
- Codex
- Cursor
- and 3 more
three.js materials, lights and shadows v1.0.0
Use this resource to tune materials, lights and shadows in a three.js scene
New
- 329 downloads
- 159 likes
- 104 saves
Free
Install with the CLI
In a terminal, from the folder you want:
npx --yes palatekit@latest install threejs-materials-lights-shadowsWith no option, the skill goes to ~/.agents/skills/; add --agent claude-code (or codex, cursor…) to target an agent.
First time: connect the CLI with
npx --yes palatekit@latest loginThe agent chooses between PBR and unlit materials, sets up a light rig, enables shadow maps and adds image-based lighting from an HDR environment. It also lists common pitfalls. You get a scene whose surfaces are lit correctly.
Mostly picked by
Updated November 2, 2026
Previews
Details
- Install guides
- Generates with
- Your agent's model
- Licence
- Apache-2.0
Similar resources
View all- Free
FreeSkills
Design tokens: colour, spacing and dark mode
- 314314 downloads
- 142142 likes
- 243243 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Frontend engineering review
- 537537 downloads
- 112112 likes
- 145145 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeWeb
UI and API mock prototypes
- 426426 downloads
- 171171 likes
- 233233 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Design context extraction from Figma
- 412412 downloads
- 240240 likes
- 178178 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeWeb
Mockup-faithful HTML and CSS generation
- 512512 downloads
- 215215 likes
- 183183 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Frontend engineering orchestrator
- 422422 downloads
- 230230 likes
- 161161 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
SEO, social sharing and conversion optimization
- 355355 downloads
- 192192 likes
- 145145 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
What you get
- SKILL.md: lighting, shadow and environment patterns in five examples
- references/materials-lights-table.md: material and light reference table
Good fit for
- A three.js model renders black or flat
- You want realistic cast shadows in your scene
Not for
Tags
- three.js
- materials
- shadows
- lighting
About
You say
“My car renders completely black in the scene, fix the materials and lighting.”
Skill published by gamedev-skills under the Apache-2.0 license, delivered in its original version.
Show moreShow less
How to use it
- Install the skill in your agent's skills folder
- Ask your agent to tune materials, lights and shadows in a three.js scene
- Review and adjust the result
Content preview
Files
- LICENSE11.3 KB
- NOTICE-PALATEKIT.md0.5 KB
- references/materials-lights-table.md6 KB
- SKILL.md7.9 KB
Origin and licence
Listed unmodified
- Author
- gamedev-skills
- Source
- github.com/gamedev-skills/awesome-gamedev-agent-skills/tree/19d93f97c9c1ea0f8b306e77aa81e0d3e352d3e9/skills/web-engines/threejs-materials-lighting
- Licence
- Apache-2.0
Notice
« threejs-materials-lighting » (gamedev-skills, Apache-2.0) livré dans sa version d'origine : fiche en français et en anglais par PalateKit.
User reviews
–
No ratings yet
Loading reviews…