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

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

12-second example rendered by this skill from examples/late-reel · 1280×720

Example settingswhat each example above was built from

examples/late-reelhero.json
Brand
Late Reel
Headline
Now showing after midnight.
Colors
background #0b0c0d · ink #f0e8d8 · accent #e9a24a
Mode
dark
Fonts
Big Shoulders Display and Instrument Sans
examples/haldehero.json
Brand
Halde Audio
Headline
Every word arrives intact.
Colors
background #efebe4 · ink #171513 · accent #c8361f
Mode
light
Fonts
Instrument Serif and Inter

What you get

  • A self-contained HTML page and a paste-in embed
  • Your photo resized and encoded to 400 KB or less by the build
  • Lockup or editorial layout, dark or light, with on-brand failure colours
  • A pointer that disturbs the signal and lets the stream repair it
  • Checks for text size, contrast and clearance at four widths
  • A seamless 12 second 1080p MP4 and a clean poster frame
  • A still picture for reduced motion and when WebGL is missing
  • Open-source licenses for every part it builds on

Good fit

  • A film festival, streaming channel or radio station that wants its first screen to feel like tuning in.
  • An audio, camera or electronics launch where a clean lock after the noise says the product just works.
  • A brand with one strong photograph that deserves an entrance before it settles into a calm, readable frame.

Not for

  • A hero that should stay calm with no motion at all
  • Pages without a photograph to show
  • Constant glitch art that never resolves
  • Long-form scrolling stories

About this skill

A website hero that tunes in like a receiver. Your own photograph and headline are one broadcast frame, and they arrive through two real signal chains that each have to lock: the frame rolls with its blanking bar until vertical hold catches, the lines shear and flag until horizontal sync settles, colour stays off until the colour burst locks and then slides into register, while a stream joined without a key frame smears its macroblocks until a rolling refresh sweeps them clean. Then the frame holds sharp and readable for about 70% of a 12 second loop. The pointer acts as interference that the stream repairs, and the copy sits on panels keyed over the picture like a receiver's own display.

Example request

Build a hero where my product photo and headline lock on through a corrupted broadcast signal, then hold a clean frame

Similar Skills

View all
Free
web
Laser EtchClaude CodeCodexCursor+3 more agents
Free
web
Parallax DepthClaude CodeCodexCursor+3 more agents
Free
web
Falling LeavesClaude CodeCodexCursor+3 more agents
Free
web
Aperture RevealClaude CodeCodexCursor+3 more agents
web
Dither LaserClaude CodeCodexCursor+3 more agents
web
Arch PortalClaude CodeCodexCursor+3 more agents
web
Scroll ExpandClaude CodeCodexCursor+3 more agents
web
Pixel Grid RevealClaude CodeCodexCursor+3 more agents

Details

Output
WebGL signal hero · 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

a two-chain broadcast failure model with real lock timinga raw WebGL1 fragment shader over a canvas-drawn programme framea title-safe grade that guarantees headline contrast over your photoframe-exact recording in headless Chrome
Good forWeb designProduct launchBrand

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

Write a review

FAQ

Can I use my own photo?

Yes, and you should. Put it next to hero.json and name it in effect.picture. The build resizes it to at most 1920 px wide, encodes a JPEG of 400 KB or less, and ships only that file.

Will the headline stay readable over a busy photo?

Once the signal locks, yes. A title-safe grade holds the photo darker, or lighter on a light page, in a feathered area under the lines, and the build checks the headline's contrast. The frame is clean for about 70% of the loop.

Does it respect reduced motion?

Yes. With reduced motion on, visitors see the locked, held frame as a still picture, and without WebGL they see your photo dimmed behind the real headline text.

Which agents is Signal Glitch 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 with no third-party code library (raw WebGL1); the fonts are under the SIL Open Font License 1.1 and the two example photographs were generated for Lookbk with Gemini 3 Pro Image. 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.