# Logo Sting

> Logo Sting turns a brand's SVG logo into a short ident for the start or end of a video, with its own original music. A two-bar soundtrack generated on your machine builds for one bar, and the logo resolves exactly on its final hit, a chord and impact that ring out under the lockup. You pick one of three reveals drawn from the logo's own paths: a line trace with a pen point and a soft bloom, a shard assembly where about 50 triangles snap together, or a liquid mask that opens and leaves the logo behind. Hairline rings ripple and a light flares on the hit, a specular sweep runs across the mark, then the name and tagline land and the whole lockup leaves in one move (a push-in and a one-frame cut) or holds.

- Output: Video, MP4 · 3.4–5.3 s · 1080p or 1080×1080
- Price: $4.99 one-time, or included in Pro
- Page: https://lookbk.dev/skills/logo-sting

## 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. If `render` says Chrome is missing, run `npx --yes hyperframes@0.8.192 browser ensure` once.
- Network access to `cdn.jsdelivr.net`, which serves GSAP to the template. See Troubleshooting if it is blocked.
- The brand's logo as an SVG with outlined paths. The music is made on your machine by `scripts/music/` (plain Node.js); bring your own sound only if you want one instead (step 7).

## Install

```bash
curl -fsSL https://lookbk.dev/cli.js | node - add logo-sting
```

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/logo-sting` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/logo-sting`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/logo-sting` 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 5 second logo sting for the start of our videos from logo.svg: trace the logo line by line, then the name Torvane and the tagline "Edge compute for real-time systems", dark ground, mint accent, 16:9 and a square version.