# Bowling Otter Hero

> A website hero on five seconds of generated footage: a felted otter in an orange-and-teal bowling shirt lets go of a glitter ball at a 1970s alley, the ball rolls down the lane toward the camera and the otter hops back to the pins and cheers under starburst lights. A giant cream block word with four 70s stripes sits behind the otter and the ball, which are cut out of every frame and drawn over it, under an orange bowling-shirt script line that stitches on. Around it: a chain-stitched name badge and links, a lane-ticket button with a tear-off stub, counting stats, a score sheet that marks ten strikes up to 300, sparkles and film grain. Your agent writes one hero.json with your words and links; the build checks every length and writes a page and an embed, and a recorder makes a 1080p MP4 with sound.

- Output: Web, Retro hero on generated footage · words behind the subject · page + embed · 1080p MP4 with sound
- Price: $6.90 one-time, or included in Pro
- Page: https://lookbk.dev/skills/bowling-otter-hero

## What you need

- Node.js 18 or newer. Nothing to install.
- Chrome, Chromium or Edge, for the checks and the video (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`).
- A web server for the page. Opened straight from disk (`file://`) browsers won't let the page draw the film, and it shows the still; `node scripts/serve.mjs out` serves it on localhost.
- Internet access when the page is opened: GSAP and the fonts load from jsDelivr (pinned, with an integrity hash) and Google Fonts. Without GSAP the hero shows its still with every word in place.

## Install

```bash
curl -fsSL https://lookbk.dev/cli.js | node - add bowling-otter-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/bowling-otter-hero` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/bowling-otter-hero`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/bowling-otter-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 Bowling Otter hero for our bar's league night: script line 'Game on', block word 'STRIKE', our links and booking button, and record the video for Instagram.