# Notification Stack Reel

> A phone with a metal frame and a glass screen stands very close to the camera on a field of your brand colour lit by soft pools of your accents, cut to an original beat-synced soundtrack generated on your machine. The first notification is already on the lock screen at frame 0. Each later card slides in on its beat, frosted glass over a deep gradient wallpaper, with every line at least 3% of the frame's height and a haptic buzz of the whole phone, and one lands on the drop. A counter beside the clock rolls to the next number with every card. Then a hard cut turns the stack into one deck, which falls into place as your button on the music's final hit while your headline rolls up.

- Output: Video, MP4 · 9 to 17 s · 1080×1920
- Price: $4.99 one-time, or included in Pro
- Page: https://lookbk.dev/skills/notification-stack-reel

## What you need

- Node.js 22 or newer, and FFmpeg (with `ffprobe`) on the PATH. FFmpeg also checks and muxes the music.
- HyperFrames runs through `npx`, pinned to the version this template was tested with: `npx --yes hyperframes@0.8.192`.
- Chrome: the first render downloads a headless Chrome of its own. If `render` says Chrome is missing, run `npx --yes hyperframes@0.8.192 browser ensure` once.
- Network access to `cdn.jsdelivr.net` (GSAP) and, on the first render, `fonts.googleapis.com` (Inter and Outfit, cached after that in `~/.cache/hyperframes/fonts`). See Troubleshooting if either is blocked.

## Install

```bash
curl -fsSL https://lookbk.dev/cli.js | node - add notification-stack-reel
```

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/notification-stack-reel` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/notification-stack-reel`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/notification-stack-reel` 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 vertical notification reel for our app: 5 notifications landing on a lock screen, our brand colours, ending on the headline and a button that says Download now.