Skip to content
Founding Lifetime: every Pro skillfirst 100 members · $169 onceUpgrade
Lookbk
Sign In

The page this skill built from examples/aldermoor, working in your browser. Opens in a new tab. Also: .

20-second example rendered by this skill from examples/aldermoor · 1280×720

Example settingswhat each example above was built from

examples/aldermoorhero.json
Brand
Aldermoor
Headline
Stay until the leaves are down.
Colors
background #eadab0 · ink #24170f · accent #9c3a1c · plate #efe2bf
Mode
light
Fonts
Fraunces and Inter
examples/lantern-rowhero.json
Brand
Lantern Row Books
Headline
READ LATE, WALK HOME SLOWLY.
Colors
background #080b11 · ink #efe6cf · accent #e3c24a · plate #090c12
Mode
dark
Fonts
Big Shoulders Display and Inter

What you get

  • A self-contained index.html hero and an embed.html to paste into an existing site
  • Sugar maple or ginkgo leaves that flutter, spiral and tumble through 1 light, glowing when backlit
  • Leaves that land on the headline's top edges, rest, slide off along the edge and fall again
  • A gust that crosses the frame once per loop, and the pointer as a gust on a live page
  • 2 worlds: golden hour in a maple wood over a misty meadow, and a ginkgo avenue under a street lamp
  • A coverage check that keeps every still under 8% leaf cover on any letter, and a baked still for when WebGL is off
  • A seamless 20-second 1080p MP4 and a poster
  • Open-source licenses for every part it builds on

Good fit

  • An autumn guesthouse, cabin or retreat whose season is the reason to book a week.
  • A late-night bookshop, cafe or bar on a tree-lined street that wants its name lit like the street itself.
  • A seasonal launch or a wine, cider or harvest brand that wants a calm first screen that still moves.

Not for

  • Headlines in a very light display weight, where the letters have no edges for leaves to rest on
  • Brands that need a photo or product shot as the hero picture
  • Spring or summer campaigns, unless the falling leaves suit the message
  • Dark themes over the golden-hour wood or light themes over the night avenue

About this skill

A website hero that reads as one frame from a long lens at a quarter speed. Maple or ginkgo leaves painted in code fall through real light, lit by one low sun or one street lamp, glowing where they are backlit and blurred by their distance from the focal plane. The headline is a sign standing in that plane, so leaves land on the top edges of its letters, rest, slide off along the edge and fall again past the lines below. They flutter, spiral and tumble the way real leaves do, a gust crosses the frame once per loop, and the pointer pushes them on a live page. It ships as a page and an embed in two worlds, golden hour and night, with a coverage check for stills and a baked picture for browsers without WebGL.

Example request

Make a hero that looks like a photograph of leaves falling through low sun, with our headline standing in focus as a sign that the leaves land on and slide off.

Similar Skills

View all
Free
web
Aperture RevealClaude CodeCodexCursor+3 more agents
New
web
Ocean Swell HeroClaude CodeCodexCursor+3 more agents
web
Day NightClaude CodeCodexCursor+3 more agents
web
Extruded Type HeroClaude CodeCodexCursor+3 more agents
Free
web
Laser EtchClaude CodeCodexCursor+3 more agents
web
Scroll WorldClaude CodeCodexCursor+3 more agents
web
Neon Bloom HeroClaude CodeCodexCursor+3 more agents
Free
web
Parallax DepthClaude CodeCodexCursor+3 more agents

Details

Output
WebGL leaves through a long lens with the headline as a sign · page + embed · 1080p loop
Needs
Node.js 18+, Chrome (or Chromium/Edge), and ffmpeg for the video
Series
Motion Heroes · 87 skills
Updated
Nov 8, 2026
Checked
Nov 8, 2026: its own commands ran and passed. That is a working check, not a security audit.

Generates with

three.js r180 instanced leaves bent in the vertex shader, with transmission and sheenA leaf atlas painted in code in 6 focus levels for thin-lens depth of fieldA landing solver that drops each leaf's real outline onto the glyph edgesHeadless Chrome frame-stepped recorder, coverage check, still baker and ffmpeg
Good forBrandWeb designProduct launch

Installed it? Tell others how it went. Reviews come from people who installed this skill.

Write a review

FAQ

Can the leaves hide the headline?

Leaves may cross the words while they fall, as they would in a photograph, but none stays there. A script measures how much of each letter the leaves cover over the whole loop at 3 sizes and lists the moments under 8%, and the poster and stills are taken only at those moments.

What do visitors see without WebGL or with reduced motion?

With reduced motion the scene is drawn once at its still moment, with leaves resting on the letters. Without WebGL they see a baked picture of the same scene, wide on desktops and tall on phones, behind the real headline and copy.

How heavy is it to run?

It is one three.js scene with a few dozen instanced leaves and 2 textured planes. It draws at most 1.5 device pixels per CSS pixel and measured 1.5 ms a frame at the 95th percentile at 1440 by 900 on a 2x screen.

Which agents is Falling Leaves written for?

Any agent that reads SKILL.md folders, including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI and OpenCode.

Do I own what I make with it?

Yes. Everything your agent makes with this skill is yours, including for client and commercial work.

What if it doesn’t work for me?

Email support@lookbk.dev within 7 days of buying and we’ll fix it or refund you.

Credits and licensesWritten by Lookbk

Lookbk wrote this package from scratch on three.js r180, which loads from jsDelivr under the MIT licence, the fonts load from Fontsource under the SIL Open Font License 1.1, and the brands and copy in the examples are made up. Written by Lookbk, no third-party code.

Credits and licenses for the open-source software and fonts it uses are in NOTICE.md inside the download.