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

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

14-second example rendered by this skill from examples/hesk-orme · 1280×720

Example settingswhat each example above was built from

examples/hesk-ormehero.json
Brand
Hesk & Orme
Headline
Carved by hand, in maple.
Colors
background #ece5d6 · ink #1d1915 · accent #c4432c
Mode
light
Fonts
Fraunces and Inter
examples/kestlehero.json
Brand
Kestle
Headline
Worn until it shines.
Colors
background #10221c · ink #f2eadb · accent #d9b45e
Mode
dark
Fonts
Instrument Serif and Inter

What you get

  • A self-contained index.html and a paste-in embed
  • Two sets of pieces: letterpress and enamel, each with several faces and materials
  • Pieces that land on the real headline's glyphs and a bridge across its first line
  • Grab and throw on the live page, with a scripted throw in every loop
  • A 14-second 1080p MP4 that loops exactly, plus stills
  • Checks at four widths for text size, contrast, 40 px clearance and the v1 template
  • A still picture for reduced motion and as a fallback
  • Open-source licenses for every part it builds on

Good fit

  • Type foundries, print shops and stamp makers whose product is something you can hold in your hand.
  • Badge, pin and stationery brands launching a new run that should look collected, not rendered.
  • Any launch page that wants a playful moment without hiding the headline or the call to action.

Not for

  • Long headlines that fill the whole width with no ragged edge
  • Pages that need a scroll story
  • Heroes where nothing may cross the headline, even in flight
  • Low-end pages that cannot spare a short precompute at load

About this skill

A drawer of real objects tipped onto the page, and the headline is the shelf they land on. Every glyph of the real headline is measured from its own ink and becomes a solid body, so wood type, rubber stamps and proof slips (or enamel badges and rubber tags) settle on the letters, on a long bar that bridges the first line, and in the gap beside them. One light from the upper left gives each piece a soft shadow, a contact shadow and edges lit as it turns. A small solver runs the 14-second loop once from a fixed seed, then a scripted hand lifts a piece and throws it, and the case is turned over to empty. Visitors can grab and throw pieces themselves, and the copy and the bar always keep clear air.

Example request

Make a hero where real objects drop onto the headline and pile up on its letters, and visitors can grab and throw them

Similar Skills

View all
New
web
Spotlight Type HeroClaude CodeCodexCursor+3 more agents
New
web
Scroll Word Reveal HeroClaude CodeCodexCursor+3 more agents

Details

Output
Rigid-body drop onto the headline · editorial or lockup · page + embed · 1080p loop
Needs
Node.js 18+, Chrome (or Chromium/Edge), and ffmpeg for the video
Series
Motion Heroes · 77 skills
Updated
Nov 2, 2026
Checked
Nov 2, 2026: its own commands ran and passed. That is a working check, not a security audit.

Generates with

A small rigid-body solver written for the package, after Box2D-LiteCanvas 2D pieces with world-lit edges and soft shadowsMotion Heroes kit v2 (editorial or lockup composition)Headless Chrome checks and frame-stepped recorder, ffmpeg
Good forProduct launchBrandWeb design

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

Write a review

FAQ

Will the falling pieces cover my headline or button?

No. The headline's letters are the surfaces the pieces land on, so nothing comes to rest over a word, and the copy plate and the 40 px under the bar keep clear air. Any piece that would settle against them is taken out before the loop is kept.

Is the video the same on every machine?

Yes. The whole 14-second loop is simulated once from a fixed seed at a fixed step and every frame is looked up by time, so the recording is a pure function of time and its last frame meets its first.

Can I change what falls?

Pick the letterpress or enamel set, give your own letters for the type or square badges, and up to 10 short words for the wider pieces. Each word is used once, and the bridge across the first line carries your own words too.

Which agents is Physics Drop 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, including a small rigid-body solver modelled on Box2D-Lite by Erin Catto (permissive notice reproduced in NOTICE.md), with no runtime library beyond the kit's pinned fonts. 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.