Skip to content

3D Falling Leaves

Build realistic 3D falling leaves that tumble, drift with wind, and recycle around the camera.

Repository
MengTo/Skills
Stars
7,187
Licence
MIT
Files
3 files

What it does

This skill guides an AI agent to build a 3D falling-leaf effect for web scenes, such as autumn foliage in Three.js. It explains how to make each leaf turn through face, edge, and back while drifting sideways with a shared wind, how to hide leaves inside buildings, and how to recycle leaves near the camera efficiently. It is a how-to guide for the agent rather than a ready-made program.

Great for

  • Developers building autumn or drifting-foliage scenes in Three.js or similar 3D engines
  • Designers or technical artists who want leaves that look convincing up close and from many angles
  • Teams that need a 3D effect distinct from a 2D canvas overlay

Skip it if

  • Simple 2D falling-leaf overlays, because the skill itself says to use the separate falling-leaves skill for that
  • Projects without any 3D rendering, since the guidance assumes a 3D scene, camera and mesh pipeline

Try asking

  • “Add 3D falling autumn leaves to my Three.js forest scene that drift with the wind”
  • “Make the leaves in my game recycle around the camera without popping in view”
  • “Stop the falling leaves from passing through the roof of my interior room”
Step-by-step guide: how to use 3D Falling LeavesInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 3 original files, the MIT licence and an attribution note.

    3d-falling-leaves.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip 3d-falling-leaves.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip 3d-falling-leaves.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Start with a single slow leaf and confirm its edge-on moment looks right before increasing the leaf count.
  • Give the agent your actual scene geometry or roof volumes so it can replace the example collision proxies.
  • Ask for a reduced-motion frozen state and test narrow and wide viewports as the skill's verification steps suggest.

What's inside

  • agents/openai.yaml
  • REFERENCES.md
  • SKILL.md

Redistributed unmodified from MengTo/Skills under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.