Skip to main content
The series began on @HeyGen and continues on @HyperFrames_. Open any day for the original lesson and example.

Start and create

  1. Install HyperFrames — give your coding agent the HyperFrames skills.
  2. Give your brand a motion language — turn a visual identity into reusable motion direction.
  3. PR-to-Video — explain an open pull request as a short video.
  4. Music-to-Video — build a video around a track and its beat.
  5. Faceless explainer — turn a topic into a designed explainer without footage.
  6. Talking-head recut — add synchronized graphics to an existing speaker video.
  7. Motion graphics — make a short, design-led animation.
  8. Music and SFX with the HeyGen CLI — find and use audio from the command line.
  9. Figma to HyperFrames — turn an existing design into a video composition.

Direct and refine

  1. Anatomy of a prompt — structure a request so the agent gets the important intent right.
  2. Repurpose an existing video — extract useful patterns from a reference.
  3. Dynamic captions — make captions part of the visual design.
  4. Studio preview, part 1 — inspect a composition before rendering.
  5. Studio preview, part 2: keyframes — adjust motion with visible keyframe controls.
  6. Sample the web — bring useful web motion into a composition.
  7. Media use — work with the available asset libraries.
  8. Storyboard — agree on the sequence before building every scene.
  9. HyperFrames in Video Agent — create with HyperFrames inside HeyGen Video Agent.
  10. Background removal — use alpha channels to layer subjects into a scene.

Extend and ship

  1. Claude Design — take a design direction into a HyperFrames project.
  2. Cloud rendering — render without making one local computer the bottleneck.
  3. Components Catalog — add reusable scenes and effects instead of rebuilding them.
  4. Templates and variables — turn one composition into repeatable versions.
  5. Color grading — correct or stylize images and footage in code.
  6. Prompt Guide — find practical language and examples for directing an agent.
  7. Media effects and overlays — add designed treatments to real media.
  8. Deploy — run rendering on your own cloud infrastructure.
  9. Contribute to the Catalog — publish reusable building blocks for other creators.
  10. Components update — combine the expanded component set in a project.
  11. Coming next — the official Day 30 lesson has not been published yet. Follow @HyperFrames_ for the final entry.

Continue in the docs