capture-museum-medialisted
Install: claude install-skill CypherPoet/THREE-JS-APOD-Air-and-Space-Museum
# capture-museum-media
Reusable automation for the screenshots and walkthrough recording committed to `media/`. Replaces the by-hand playwright dance from the project's early sessions.
## When to use
- The Three.js scene was edited (new geometry, lighting, materials)
- The HUD or boot screen was restyled
- The radio gained or renamed stations
- The reader modal layout shifted
- Before tagging a release / sharing the live URL
## Prerequisites
1. A local HTTP server is serving the project root at **http://localhost:8767**
- If not running, start one in the background:
```bash
python3 -m http.server 8767 -d /Users/ethan/Projects/Misc-Experiments/NASA-APOD-Showcase-01 \
> /tmp/apod-server.log 2>&1 &
```
2. `playwright-cli` is on PATH (verify with `playwright-cli --version`)
3. The Chrome browser is available to playwright-cli
## Outputs
All written under `media/` in the project root:
| File | What it shows |
|------|---------------|
| `01-boot.png` | Boot screen with "Press enter to begin" |
| `02-gallery.png` | Main 3D scene with full HUD chrome (mug visible on plinth) |
| `03-dial.png` | Radio dial open, current station highlighted |
| `04-dial-voyager.png` | Switched to Voyager Echo to demonstrate station change |
| `05-reader.png` | Curator's note (full APOD explanation) modal |
| `06-hud-voyager.png` | Back in gallery with the new station playing |
| `09-mug-easter-egg.png` | Close-up of the coffee-mug easter egg on the plinth |
| `walkthroug