# Signal Glitch

> 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.

- Output: Web, WebGL signal hero · page + embed · 1080p loop
- Price: Free
- Page: https://lookbk.dev/skills/signal-glitch-hero

## What you need

- Node.js 18 or newer. Nothing to install.
- Your photograph (JPEG, PNG or WebP, ideally 1920 px wide or more), with room for a headline.
- ffmpeg, to resize and encode the photo at build time and for the video (or set `FFMPEG_PATH`). Without it a JPEG of 400 KB or less is shipped as it is.
- Chrome, Chromium or Edge, for the checks and the recording (set `CHROME_PATH` if it isn't found).
- Internet access when the page is opened, for the fonts (pinned with integrity hashes).

## Install

```bash
curl -fsSL https://lookbk.dev/cli.js | node - add signal-glitch-hero
```

The first run prints a sign-in link; open it, approve, and run the command again.

Where it installs:

- Run by Claude Code: `~/.claude/skills/signal-glitch-hero` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/signal-glitch-hero`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/signal-glitch-hero` when `~/.claude` exists.

Add `--claude` or `--shared` to write only one of those folders, or `--project` to install into the current folder instead. Start a new agent session afterwards so it picks up the skill.

Credits and licenses: NOTICE.md plus any LICENSE files inside the ZIP.

## Example request

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