← ClaudeAtlas

capture-museum-medialisted

Regenerate every PNG + the walkthrough video under media/ for the Air & Space Museum project. Use when the scene changes, the HUD restyles, the radio gets new stations, or anything visual gets refreshed. Triggers on phrases like "refresh the screenshots", "regenerate media", "update the README images", or "capture new walkthrough".
CypherPoet/THREE-JS-APOD-Air-and-Space-Museum · ★ 0 · Web & Frontend · score 75
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