# Scramble Decode Hero

> An animated website hero where a message decrypts itself beside the headline. Your brand name, set large in your display font, starts as streams of random glyphs; one by one, in a seeded order, each letter locks onto its real character with a brief slice glitch, two colored ghosts and an accent flash that cools to ink. A caret marks the next letter to lock, and an accent line sweeps under the word when it lands. Below it, up to 4 short phrases fill with noise, decode, hold and scramble out in turn. A thin monospace HUD, a faint scan line and a pointer jitter finish the panel. It builds one self-contained page plus a paste-in embed, checks it at four widths, and records a seamless 1080p loop.

- Output: Web, Seeded text decode beside the copy · canvas 2D · page + embed · 1080p loop
- Price: $4.99 one-time, or included in Pro
- Page: https://lookbk.dev/skills/scramble-decode-hero

## What you need

- Node.js 18 or newer. Nothing to install.
- Chrome, Chromium or Edge, for the checks and the recording (the scripts find it; set `CHROME_PATH` if they don't).
- ffmpeg, for the video (`brew install ffmpeg`, `winget install ffmpeg`, `apt install ffmpeg`; or set `FFMPEG_PATH`).
- At runtime, nothing but a 2D canvas: the drawing code is inlined in the page. Fonts load from jsDelivr (the pinned list) or Google Fonts; without the network the page uses system fonts. The HUD uses the system's monospace font.

## Install

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

The first run prints a sign-in link; open it, approve, and run the command again. Pro skills install for accounts that bought them or have Pro.

Where it installs:

- Run by Claude Code: `~/.claude/skills/scramble-decode-hero` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/scramble-decode-hero`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/scramble-decode-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

> Make a Scramble Decode hero for Velarium, our encrypted file rooms for law firms: the name decrypting in mint on near-black, 'Sealed on your laptop' and 'Opened by your client' as the second line, an 'Open a free room' button, and a video for the launch post.