Start and create
Days 1 to 9 cover the inputs: a repo, a track, a topic, a speaker, a design file. Every card opens the original post.Day 1 — Install HyperFrames
Give your coding agent the HyperFrames skills. One router reads the request and picks the workflow.
Day 2 — Give your brand a motion language
Turn a visual identity into reusable motion direction, written down once as
FRAME.md and read on every later build.Day 3 — PR-to-Video
Explain an open pull request as a short video. Plays in full above.
Day 4 — Music-to-Video
Build a video around a track and its beat. Plays in full above.
Day 5 — Faceless explainer
Turn a topic into a designed explainer without footage. The visuals are invented per scene.
Day 6 — Talking-head recut
Add synchronized graphics to an existing speaker video. The source clip plays untouched underneath.
Day 7 — Motion graphics
Make a short, design-led animation where the motion carries the message.
Day 8 — Music and SFX with the HeyGen CLI
Find and use audio from the command line, then let the mix duck itself under the narration.
Day 9 — Figma to HyperFrames
Turn an existing design into a video composition — as live HTML, not a flattened export.
Direct and refine
Days 10 to 19 are about steering: how you ask, what you inspect, and what you fix before rendering.Day 10 — Anatomy of a prompt
Structure a request so the agent gets the important intent right the first time.
Day 11 — Repurpose an existing video
Extract useful patterns from a reference instead of describing them from memory.
Day 12 — Dynamic captions
Make captions part of the visual design rather than a track laid on top.
Day 13 — Studio preview, part 1
Inspect a composition before rendering — in Studio, through your agent, or from the terminal.
Day 14 — Studio preview, part 2: keyframes
Adjust motion with visible keyframe controls, one lane per animated property.
Day 15 — Sample the web
Bring useful web motion into a composition by capturing the real page.
Day 16 — Media use
Work with the available asset libraries, and control how each one crops and fits.
Day 17 — Storyboard
Agree on the sequence before building every scene, so revisions land on the plan rather than the render.
Day 18 — HyperFrames in Video Agent
Create with HyperFrames inside HeyGen Video Agent.
Day 19 — Background removal
Use alpha channels to layer subjects into a scene, with the matte holding while the subject moves.
Extend and ship
Days 20 to 30 move from one composition to a repeatable pipeline: reusable blocks, variables, grading, and rendering somewhere other than your laptop.Day 20 — Claude Design
Take a design direction into a HyperFrames project without redrawing it by hand.
Day 21 — Cloud rendering
Render without making one local computer the bottleneck. Two commands hand the job to the cloud.
Day 22 — Components Catalog
Add reusable scenes and effects instead of rebuilding them each time.
Day 23 — Templates and variables
Turn one composition into repeatable versions. Plays in full above.
Day 24 — Color grading
Correct or stylize images and footage in code, and bring your own LUT packs.
Day 25 — Prompt Guide
Find practical language and examples for directing an agent. The written guide lives in these docs, at Prompting overview.
Day 26 — Media effects and overlays
Add designed treatments to real media. Two to six authored colour ramps change the whole visual language.
Day 27 — Deploy
Run rendering on your own cloud infrastructure. See Deploy for the four render routes.
Day 28 — Contribute to the Catalog
Publish reusable building blocks for other creators. The Catalog lists what has landed so far.
Day 29 — Components update
Combine the expanded component set in a single project.
Day 30 — Thirty for thirty
Thirty days in one cut — a second from every lesson, back to back. From install on Day 1 to the whole series here.