# Starfield Warp Hero

> A hero section that jumps to lightspeed beside your headline. It starts in a calm starfield with a ringed planet. Then stars stretch into streaks racing out of a vanishing point, blue at their heads and trailing your color through a tunnel of light. A flash and a ring mark the drop-out, the streaks snap back to points and the planet swings in again, every 12 seconds. A readout under the copy follows the jump, as a speed or a count you choose. Your agent sets your colors, planet, 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/starfield-warp-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. Only the fonts load from a CDN; without the network the page uses system fonts. Without WebGL, visitors see the SVG still (streaks out of a glow).

## Install

```bash
curl -fsSL https://lookbk.dev/cli.js | node - add starfield-warp-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/starfield-warp-hero` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/starfield-warp-hero`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/starfield-warp-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 Starfield Warp hero for Kestrel Edge, our edge network: violet streaks on blue-black, a ringed gas giant, headline 'Deploys that jump, not crawl.', a readout counting up to 212 regions live, and record the launch video.