← ClaudeAtlas

hyperframes-video-beatslisted

Plan, write, time, style, and validate motion-graphic beats for long-form talking-head HyperFrames videos. Use when Codex is asked to add or improve visual beats, glassmorphism lower thirds, crumpled-paper full-screen takeovers, transcript-synced callouts, pacing coverage, YouTube retention graphics, or render-ready overlays in an existing HyperFrames video project.
nateherkai/hyperframes-video-pipeline · ★ 4 · Code & Development · score 67
Install: claude install-skill nateherkai/hyperframes-video-pipeline
# HyperFrames Video Beats Use this skill to turn a talking-head video plus transcript into a paced set of motion graphics that support the narration without covering the speaker unnecessarily. ## Core Goal Keep the viewer oriented and engaged. Every beat must answer one of these: - What should the viewer remember? - What concept needs visual structure? - What stat, contrast, or pivot deserves emphasis? - Where is the pacing getting quiet enough that the viewer may drift? Do not add graphics just because a gap exists. Add graphics because the narration has a topic, transition, proof point, or mental model that benefits from visual support. ## First Pass 1. Read project instructions (`AGENTS.md`, local skill docs, and project-specific notes). 2. Inspect the root composition, current beat schedule, shared CSS, and transcript. 3. Build a coverage map from the root `data-start` / `data-duration` entries or the master `SHOW` array. 4. Extract transcript chunks for any requested region and any uncovered gaps. 5. Identify topic spans by narration, not by arbitrary timestamps. 6. Decide whether each topic needs a full-screen paper beat, a lower-third glass card, or no new beat. Use fast local commands. Prefer `rg`, `Select-String`, and small Node/PowerShell transcript scripts. ## Beat Type Decision ### Use Full-Screen Crumpled Paper Use a paper takeover when the narration reaches a major thesis, list, section marker, quote, or stat that should briefly become the whole frame