# CRT Terminal Hero

> A hero section with an old CRT monitor beside your headline. The curved phosphor tube switches on from a bright line and runs a memory test. Boot lines print with their [ OK ]s, a command is typed at the prompt, its output scrolls past and your banner prints at double size with the cursor blinking under it. Then the picture collapses to a dot and the 12-second loop starts again. Scanlines, bloom, flicker, a rolling refresh band and a glass reflection that follows the pointer make it read as a real tube, in green, amber or your own colour. Your agent writes the boot script about your product, sets your colors, fonts, logo and words, checks contrast at four widths and records a frame-exact 1080p video.

- Output: Web, Animated WebGL hero · page + embed + 1080p video
- Price: $6.90 one-time, or included in Pro
- Page: https://lookbk.dev/skills/crt-terminal-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`).
- Nothing else at runtime: the effect is plain WebGL inlined in the page, and the screen's text is drawn in the browser. Only the fonts load from a CDN; without the network the page uses system fonts. Without WebGL, visitors see the SVG still: the monitor with the same text on it.

## Install

```bash
curl -fsSL https://lookbk.dev/cli.js | node - add crt-terminal-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/crt-terminal-hero` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/crt-terminal-hero`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/crt-terminal-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 CRT Terminal hero for Pipewren, our CI service: a green phosphor monitor on near-black that boots our runner, types 'pipewren run --branch main', prints the test results and ends on SHIPPED, headline 'Your pipeline, warm before you push.', and record the launch video.