# Constellation Map Hero

> A hero section with an engraved star chart beside the headline: a round night sky in a graduated rim with the hours around it, circles of declination, a dashed ecliptic, a soft Milky Way and a field of twinkling stars. The coordinate grid turns slowly while your own named constellations draw themselves one by one, in thin lines with their names in spaced serif capitals. Then a meteor crosses and they fade to start again. Navy and gold, or sepia on parchment. Your agent puts in your colors, fonts, logo, headline and buttons, checks contrast at four widths and records a smooth 1080p video of it.

- Output: Web, Animated canvas hero · page + embed + 1080p video
- Price: $6.90 one-time, or included in Pro
- Page: https://lookbk.dev/skills/constellation-map-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`).
- At runtime, nothing but a 2D canvas. Fonts load from jsDelivr (the pinned list) or Google Fonts; without the network the page uses system fonts.

## Install

```bash
curl -fsSL https://lookbk.dev/cli.js | node - add constellation-map-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/constellation-map-hero` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/constellation-map-hero`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/constellation-map-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 Constellation Map hero for Asterion, our research-mapping tool for ML teams: navy sky, gold constellations named after research clusters like 'The Retriever' and 'The Long Context', hours on the rim, headline 'Find the shape in ten thousand papers.', and record a 12-second loop.