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

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

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

Example settingswhat each example above was built from

examples/wrenfoldhero.json
Brand
Wrenfold
Headline
Written into the wood.
Colors
background #f1ece3 · plate #f1ece3 · ink #1f1812 · accent #a3461a
Mode
light
Fonts
Fraunces and Inter
examples/vardehero.json
Brand
Varde
Headline
MARKED TRUE.
Colors
background #121316 · ink #e9ebee · accent #c9a45c
Mode
dark
Fonts
Space Grotesk and Inter

What you get

  • A self-contained index.html and a paste-in embed.html
  • A loop that opens on the finished plate: the lamp swings, the plate swaps, the contour and the fill run, the lamp swings back
  • A maple board on a bench with the copy printed on a clamp bar, or a full-bleed anodised plate with a ruled band
  • Char, a glowing front and smoke on maple; frosted metal and sparks on aluminium
  • A pointer that moves the raking lamp, so every shadow in the cut swings
  • A baked photograph of the material for reduced motion and when WebGL is missing
  • A 1080p MP4 of the loop and stills from record.mjs
  • Open-source licenses for every part it builds on

Good fit

  • Makers, workshops and engravers who sell personalised boards, gifts or signs and want the process itself on the page.
  • Tool and instrument brands whose markings are cut into the metal, shown as bright frosted letters in black anodise.
  • Any product that is made by hand or by machine, where a headline cut into a real material says more than a photo.

Not for

  • Long headlines of more than 3 short lines
  • Pages that need a photo or video of the real product
  • Scroll-driven stories
  • Neon or sci-fi laser looks

About this skill

A website hero where a laser engraver cuts the headline into a real plate and one low raking lamp shows how deep it goes. The tool works like real machines: a fast contour pass, then a gantry raster that scans every line at once or a galvo that hatches each glyph at 45 and 135 degrees. Maple chars dark with the grain showing through, glows along the front and smokes; black anodised aluminium ablates to frosted bright metal and throws sparks. Every letter is a height field with shadows cast inside the cut, and the pointer moves the lamp so the shadows swing. The loop opens on the finished plate, swaps in a blank one and cuts it again. Two layouts ship: a maple board on a bench with the copy on a clamp bar, and a full-bleed anodised plate.

Example request

Build a hero where a laser engraver cuts the headline into a maple board or an anodised plate, read by one low raking lamp the pointer moves.

Similar Skills

View all
Free
web
Aperture RevealClaude CodeCodexCursor+3 more agents
Free
web
Signal GlitchClaude CodeCodexCursor+3 more agents
Free
web
Parallax DepthClaude CodeCodexCursor+3 more agents
Free
web
Falling LeavesClaude CodeCodexCursor+3 more agents
web
Dither LaserClaude CodeCodexCursor+3 more agents
web
Preloader RevealClaude CodeCodexCursor+3 more agents
web
Image TrailClaude CodeCodexCursor+3 more agents
web
Spotlight Type HeroClaude CodeCodexCursor+3 more agents

Details

Output
Headline cut by a laser engraver · page + embed · 1080p loop
Needs
Node.js 18+, Chrome (or Chromium/Edge), and ffmpeg for the video
Series
Motion Heroes · 87 skills
Updated
Nov 9, 2026
Checked
Nov 8, 2026: its own commands ran and passed. That is a working check, not a security audit.

Generates with

Raw WebGL2 shaders, no librariesA height field cut from the headline's own layout, with shadows cast inside each letterReal engraver paths: a contour pass, then a gantry raster or a galvo hatch at 45 and 135 degreesProcedural maple, black anodise and slate, drawn once per size
Good forBrandProduct launchWeb design

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

Write a review

FAQ

Does it use footage or images of real engraving?

No. The plate, the cut, the smoke and the sparks are drawn live in WebGL2 from your headline's own layout, so any words you write are engraved, and the frames are the same on every machine.

What does the pointer do?

It moves the raking lamp. The shadows inside every letter swing round, the lit walls change sides and the maple's sheen or the anodise glare slides across, the way a hand-held light shows an inscription's depth. When the pointer rests, the lamp goes back to its scripted sweep.

Can I pick another material?

Yes. Set effect.material to maple, anodised or slate. Maple chars and smokes, black anodised aluminium ablates to bright metal and throws sparks, and slate frosts pale grey. A board layout suits maple and slate; anodised plates fill the hero.

Which agents is Laser Etch 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 the Motion Heroes kit v2, the engraving model, the three materials and the baked stills, with no third-party library; fonts load from pinned Fontsource packages under the SIL Open Font License 1.1. 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.