StealIt

Hyperframes Video Beats

hyperframes-video-beats

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.

Install

Run this in your project folder. It works with Claude Code, Cursor, Codex and dozens of other agents.

$ npx skills add nateherkai/herk-edit-kit --skill hyperframes-video-beats

Needs Node.js. Add -g to install for every project, or -a claude-code to skip the agent picker.

How to use Hyperframes Video Beats

Once it's installed, Claude reads this skill on its own whenever a request matches what it's for, so you don't have to mention it by name. In Claude Code you can also run it directly by typing /hyperframes-video-beats.

It contains no scripts, only instructions and reference files, so it can't run code on its own.

What the instructions cover

  1. 1Core Goal
  2. 2First Pass
  3. 3Beat Type Decision
  4. 4Pacing Heuristics
  5. 5Timing Method
  6. 6Content Writing
  7. 7Visual Style Rules
  8. 8HyperFrames Implementation Rules
  9. 9Coverage Scan
  10. 10Validation
  11. 11Practical Defaults
  12. 12What To Preserve

Section headings from the skill's SKILL.md file.

What's inside · 2 files

  • SKILL.md
  • agents/openai.yaml

More from Nate Herk

See all →

Cut Mistakes

Agent 2 of the video editing pipeline. Finds and removes spoken mistakes — stutters, repeated words, false starts, and retakes (re-recorded lines) — from a talking-head recording…

Video & MotionNate Herk2.6k

Cut Silences

Agent 1 of the video editing pipeline. Removes silences and dead air from a talking-head recording. Use when asked to cut silences, trim pauses, remove dead air / gaps, or tighten…

Video & MotionNate Herk2.6k

Edit Video

Edit a raw talking-head video through transcription, silence trimming, mistake review, visual storytelling, motion graphics, and verified HyperFrames rendering. Use for a complete…

Video & MotionNate Herk2.6k

Make A Video

Beginner-friendly end-to-end video creator for HyperFrames. Use when the user says "make a video", "create a video", "new video", "build a video", "video from scratch", "I want to…

Video & MotionNate Herk2.6k
See all →

HyperframesTop pick

Read first to make, edit, animate or render any video with HyperFrames (HTML rendered to video), including launch films, explainers, music videos, charts, maps, vertical clips…

Video & MotionHeyGen79k

Slack GIF Creator

Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for…

Video & MotionAnthropic187k

AI Video Gen

Generate AI videos from text prompts using multiple provider gateways. Use when: (1) Generating videos from text descriptions, (2) Creating AI-generated video clips for content…

Video & MotionOpenMontage76k