# Dashboard Flow Film

> A 29-second launch film for a product built around a live dashboard. The window builds itself tile by tile on the beat while every number rolls up like an odometer, then the camera pushes into the main chart as it streams, pans to an event feed that ticks in, and whips down to a panel where data flows from its sources into your product. An alert fires on one tile, the camera dives in and it opens into a detail view with the spike marked, a pinned note and the causes. Every chart is drawn from the numbers in your brief, and it comes with its own beat-synced techno soundtrack.

- Output: Video, MP4 · 29 s · 1080p or 4K · with music
- Price: $4.99 one-time, or included in Pro
- Page: https://lookbk.dev/skills/dashboard-flow-film

## What you need

- Node.js 22 or newer and FFmpeg (with `ffprobe`) on the PATH.
- HyperFrames runs through `npx`, pinned to the version this template was tested with: `npx --yes hyperframes@0.8.192`. 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 `fonts.googleapis.com` (Inter Tight, Inter and JetBrains Mono) and `cdn.jsdelivr.net` (GSAP). See Troubleshooting if either is blocked.
- Chrome, Chromium or Edge for `capture.mjs`, if you want to read the product's site first. Set `CHROME_PATH` if it isn't in the usual place.
- Music is generated by `scripts/music.mjs`. You can bring your own licensed track instead.

## Install

```bash
curl -fsSL https://lookbk.dev/cli.js | node - add dashboard-flow-film
```

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/dashboard-flow-film` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/dashboard-flow-film`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/dashboard-flow-film` 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 Dashboard Flow Film for Gridline 2.0: load, solar, frequency and feeder temperature up top, telemetry flowing in from meters and substations, and the feeder alert opening.