Big Idea

The argument in one line.

HyperFrames turns a coding agent you already pay for into a free video editor: feed it footage, screenshots, and a six-part structured prompt, and it writes the HTML, CSS, and JavaScript that composes the video.

Who This Is For

Read if. Skip if.

READ IF YOU ARE…

A creator or founder who already pays for Codex or Claude Code and wants a free alternative to a paid video editor for one-off assets.
Someone building reusable marketing assets like a product demo or launch video who doesn't need to touch a timeline editor by hand.
A solo operator comfortable giving written or spoken feedback the way they would brief a human editor.

SKIP IF…

You publish high-volume daily short-form content; a 15-45 minute render per video makes HyperFrames too slow to be a primary pipeline.
You don't already use a coding agent like Codex or Claude Code; HyperFrames runs inside one, not as a standalone app.

TL;DR

The full version, fast.

HyperFrames is a free, open-source video editor from HeyGen that runs inside a coding agent like Codex or Claude Code, composing video with HTML, CSS, and JavaScript instead of a timeline. Preston Chin installs it globally, sets up a project folder of reference assets, and uses HeyGen's six-part prompting framework (route, spec, beats, copy, technique, negative) to structure every request. He builds a product launch video from a website, a green-screen reaction from one talking-head take, and a motion-graphic explainer, then shows how storyboard feedback and free Pixabay b-roll, music, and sound effects refine the output. His caveat: renders take 15-45 minutes, so it suits durable one-off assets, not daily high-volume editing.

Free for members

Chat with this breakdown — free.

Sign in and you get 23 free chat messages on us — ask for the hook, quote a framework, find the exact transcript moment, generate a markdown action plan. Bring your own key when you want unlimited.

Create a free account →

Chapters

Where the time goes.

00:00 – 00:20

01 · Cold open: edit video for free

Promises free video editing via a coding agent and teases three finished renders, a product demo, a green-screen reaction, and a storytelling video, before showing a single prompt.

00:20 – 01:08

02 · What HyperFrames actually is

Explains HyperFrames is HeyGen's open-source library, distinct from HeyGen's AI avatars, built on HTML, CSS, and JavaScript to produce animations, graphics, and edited video.

01:08 – 02:06

03 · The product demo built in about 4 prompts

Shows a finished 25-second Melda product launch video built from a handful of prompts and his own website in roughly 30-45 minutes.

02:06 – 02:53

04 · Green-screen reaction videos

Plays a green-screen reaction video, a Stanford STORM research-method explainer, built from one talking-head A-roll clip and a couple of screenshots, with HyperFrames composing the background and cutout automatically.

02:53 – 04:10

05 · A storytelling video from his own B-roll

Demonstrates a side-hustle storytelling video assembled from local B-roll files, with HyperFrames placing footage, screenshots, captions, and titles against his script.

04:10 – 04:53

06 · What you need: a coding agent

States the prerequisite plainly: HyperFrames isn't free of all cost, you need a paid coding agent subscription like Codex or Claude Code, roughly $100 a month, to run it.

04:53 – 06:03

07 · Installing HyperFrames globally

Walks through the install command inside Codex or Claude Code, recommending a global install so it only needs to run once, plus a skills-install fallback if the agent stalls.

06:03 – 06:58

08 · Set up a project folder for reference files

Recommends a dedicated desktop project folder to hold A-roll footage, B-roll, screenshots, and scripts so the coding agent has everything it needs before a single prompt is written.

06:58 – 08:14

09 · First simple build: a motion graphic

Runs a single-prompt test, a 10-second portrait explainer about the health benefits of getting outside, rendered as a motion graphic in about 15 minutes.

08:14 – 10:03

10 · How the product launch video was made

Breaks down the website-to-video workflow: installing HyperFrames' pre-built workflows, then prompting for a cinematic product launch video that captures the site's colors, typography, and brand feel.

10:03 – 12:07

11 · Feeding it his own footage as a background

Shows how he fed a screen-recorded scroll through his own saved Instagram posts as background footage, then gave HyperFrames prescriptive, section-specific feedback to refine the intro.

12:07 – 14:05

12 · Using the storyboard to give precise feedback

Opens the storyboard view, HyperFrames' section-by-section layout of the whole video, and shows how calling out a specific numbered section gets targeted edits instead of vague notes.

14:05 – 17:20

13 · HeyGen's six core prompting decisions

Walks through HeyGen's own prompting guidance: route, spec, beats, copy, technique, and negative, the six dimensions every HyperFrames prompt gets evaluated against.

17:20 – 18:35

14 · The prompt skill: voice note to structured prompt

Demonstrates a companion skill that takes a rambling voice note and restructures it into HyperFrames' six-part prompt format, asking follow-up questions only when something materially ambiguous is missing.

18:35 – 20:38

15 · Building a green-screen edit start to finish

Runs a live example: drops in A-roll and two background images, dictates which image appears behind him on which sentence, and lets HyperFrames clean up pauses and filler words while it builds.

20:38 – 24:40

16 · Pixabay for free music, SFX, and B-roll

Recommends Pixabay for royalty-free B-roll, music, and sound effects, including the mouse-click sound effect he reuses whenever a screenshot pops on screen.

24:40 – 26:28

17 · Organizing reusable assets across projects

Shows how he labels subfolders, music, sound, logos, B-roll, inside a shared project folder so the coding agent can pull consistent reusable assets across multiple future videos.

26:28 – 27:45

18 · The honest take: this doesn't replace human editors

Closes with the caveat that HyperFrames won't speed up high-volume daily content creation, but is useful in a pinch, for tutorials, or for durable one-off assets like a product demo.

Atomic Insights

Lines worth screenshotting.

HyperFrames is a free, open-source video editor from HeyGen that composes video by writing HTML, CSS, and JavaScript instead of using a timeline.
The tool runs inside a coding agent you already pay for, like Codex or Claude Code, rather than as its own standalone app.
A single prompt plus a website URL produced a 25-second product launch video in roughly 30-45 minutes across about four prompts.
HeyGen's prompting framework breaks every request into six parts: route, spec, beats, copy, technique, and negative.
A first-pass render gets you about 80% of the way there; the rest comes from giving specific feedback the way you'd brief a human editor.
The storyboard view lets you point at a specific numbered section and give targeted feedback instead of re-describing the whole video.
A dedicated prompt skill converts a rambling voice note into HyperFrames' structured six-part prompt format automatically.
Pre-built HyperFrames workflows cover website-to-video, motion graphics, embedded captions, faceless explainers, and talking-head recuts out of the box.
Green-screen effects, background swaps, and cutaway B-roll timing can all be driven by a single written prompt instead of manual keyframing.
Labeling subfolders for B-roll, music, and logos inside a shared project folder lets the coding agent reuse assets automatically across future videos.
Renders are not instant: a six-second motion graphic took about 15 minutes, and a full product video took over 30.
Pixabay supplies free royalty-free B-roll, music, and sound effects that can be dropped straight into a HyperFrames project folder.
At high daily content volume, HyperFrames is slower than a human editor, so the creator reserves it for durable one-off assets, not his regular channel output.

Takeaway

Your coding agent can edit video now.

AI VIDEO EDITING

HyperFrames turns a coding agent you already pay for into a free video editor, as long as you accept 15-45 minute renders and precise, editor-style feedback instead of a timeline.

02What HyperFrames actually is

HyperFrames is a separate HeyGen product from their AI avatars: it's an open-source library that composes video using standard web code (HTML, CSS, JavaScript) rather than generating a synthetic presenter.
Because it's built on web front-end technology, the same tool can produce motion graphics, animated explainers, and edited talking-head cuts, not just one video type.

06What you need: a coding agent

HyperFrames isn't free in the literal sense: it requires a paid coding agent subscription like Codex or Claude Code, roughly $100 a month, to actually run.
Treat the coding agent subscription as the real cost center; HyperFrames itself adds no additional fee on top of it.

08Set up a project folder for reference files

Before writing a single prompt, build a project folder with subfolders for A-roll, B-roll, screenshots, and script text, so the agent has every asset available up front.
Some planning in advance, gathering footage and references first, measurably improves what the first generated pass looks like.

10How the product launch video was made

The website-to-video workflow can turn a URL into a cinematic product launch video by capturing the site's actual colors, typography, and UI, not a generic template.
A first full pass took over 30 minutes and wasn't perfect, confirming that even the strongest pre-built workflow still needs a correction round.

13HeyGen's six core prompting decisions

Every HyperFrames prompt is evaluated against six dimensions: route, spec, beats, copy, technique, and negative, so a vague request fails for a specific, nameable reason.
Explicitly stating what to leave out, the 'negative' decision, is as structurally important as describing what to include.

14The prompt skill: voice note to structured prompt

A voice note can be auto-converted into the six-part prompt format, and the skill is designed to ask clarifying questions only when the answer would materially change the result.
Prioritized clarification categories are route, runtime, story order, exact copy, source footage treatment, and delivery format, so other ambiguity gets resolved without interrupting you.

18The honest take: this doesn't replace human editors

At high daily content volume, a 15-45 minute render time makes HyperFrames slower than a human editor, not a direct replacement for one.
The stated best use case is durable, reusable assets, like a product demo or a tutorial, rather than a high-cadence social content pipeline.

Glossary

Terms worth knowing.

HyperFrames: An open-source video-editing library from HeyGen that a coding agent runs to compose video using HTML, CSS, and JavaScript instead of a timeline interface.
Coding agent: An AI tool like Codex or Claude Code that writes and runs code from natural-language instructions, used here to operate HyperFrames instead of hand-coding.
Six-part prompt: HeyGen's structured prompting format for HyperFrames: route (workflow), spec (duration/shape), beats (second-by-second plan), copy (exact words), technique (style moves), and negative (what to exclude).
Storyboard (HyperFrames): HyperFrames' visual breakdown of a video into numbered sections across its full duration, used to target feedback at a specific part instead of the whole render.
Workflow (HyperFrames): A pre-built, purpose-tuned template inside HyperFrames for a specific video type, such as website-to-video, motion-graphics, or talking-head-recut.
STORM method: A Stanford research technique for having an AI assess a topic through four phases of retrieval and multi-perspective question-asking, referenced in one of the example renders shown in the video.

Resources

Things they pointed at.

01:40productMelda ↗

04:53linkPreston Chin's free HyperFrames guide ↗

14:07linkHeyGen's HyperFrames prompting guide (X thread)

17:07toolHyperFrames prompt skill (Google Drive) ↗

20:44toolPixabay ↗

Quotables

Lines you could clip.

01:20

“Your best short-form video ideas are already hiding inside your videos.”

Tight, specific hook line shown inside one of the example renders playing within the tutorial.→ TikTok hook↗ Tweet quote

11:00

“That's just like how you would give feedback to a normal human editor whenever you see them create something.”

Reframes AI prompting as editor direction, a relatable analogy for non-technical viewers.→ IG reel cold open↗ Tweet quote

27:37

“HyperFrames, in my opinion, does not replace human video editors.”

Honest, contrarian admission that undercuts the title's own hype framing.→ newsletter pull-quote↗ Tweet quote

The Script

Word for word.

Read-along

Don't just watch it. Burn it in.

See every word as it's spoken — crank it to 2× and still catch all of it. The same dual-channel trick behind Amazon's Kindle + Audible.

analogystory

Hey there. In this video, I'm going to walk you through how you can edit videos for free using HyperFrames. And it's a really powerful open source library that I don't think enough creators are aware of.

So I'm going to walk you through all the different types of videos you can create with HyperFrames, the tools you need, and some sample prompts to get you started. So the first thing to realize here is that HyperFrames is an open source library that was created by Haygen. And if you don't know Haygen, Haygen actually came up with creating really cool avatars that could almost like replace you when you're recording yourself but i'm not a big fan of using avatars for my own videos i prefer more live interactions more raw takes more human interactions but hyperframes is a really cool open source library because it leverages the html css and javascript so the front end web technologies out there in order to edit really cool videos could be animations could be graphics you name it but there are some really creative use cases that i don't think enough people are talking about so let me start off by sharing with you a product demo that i was able to build in like three or four prompts with hyperframes it took me about 30 45 minutes but this thing actually looks pretty good and i think i might use this for my product melda so let me share with you what this is your best short form ideas

are already hiding inside your videos melda finds those ideas then turns them into scripts in your voice in seconds drop in any video add your take let melda research the rest source first voice aware ready to record choose the hook keep control and leave with a script you'll actually shoot turn your next video into a script Start free at melda .co.

So the voice might be a little robotic, but that's pretty impressive. Now, the cool thing about how I built this was I literally just gave it a prompt and my website, and it was able to do a really good first pass of this. So I'm going to actually walk you through how to do this for your own product launch videos, etc.

Another really cool use case that I have for you is actually creating green screen videos. So you might see these videos go really viral on Instagram or TikTok where you see. someone reacting to something that they read or saw.

And I was able to create this video as well using Hyperframe. So let me walk you through this one just really quick. Clodder Chat GPT can research any topic like a PhD in minutes, and here's exactly how.

See, it's based on a Stanford research method that went viral here, and it's been so helpful for me to get clarity on my business and my personal development goals. It's called STORM, and it's a long acronym, but it stands for Synthesis of Topic Outlines Through Retrieval and Multiperspective Question Asking, which basically means you need to tell AI to assess a topic in four phases.

Phase one, have AI... So I'll pause there, but you'll get the sense that it was able to compose the background behind me. It was able to create a cutout of me because all I did was I gave it a talking head A -roll of me talking to camera and just a couple of screenshots that I knew I wanted in the hook.

And then it was able to compose all a couple of prompts. And then one more use case for good measure that... i find really helpful is i decided to create a storytelling video about my side hustle journey and i had some b -roll that i had lined up in my local files and i can or hyperframes can create a video and here's what it created it's pretty good If you're working a full -time job and your idea of building a personal brand is making tons of money and escaping your nine to five, you might be doing it wrong.

And I know this because it happened to me. In three years, I built a following of over 750 ,000 people while helping people improve their communication skills. So you get the idea.

It's doing a pretty decent job laying out the B -roll where it should be relative to my script, adding screenshot, captions, titles, you name it. So all in all, this is really helpful. And I thought it'd be nice to just share with you how you can actually do this for your own videos in this tutorial.

Again, this is completely live, unedited, so bear with me with any technical difficulties or mess -ups that I might have along the way. So the first thing I'd recommend is that you actually buy a Codex or Cloud Code if you don't already use it. So when I say for free, it's not free from the sense of you don't pay anything.

You should ideally be working with a coding agent like Cloud. Code or Codex if you want to get the most out of AI in general, not just building videos like this, right? So I strongly recommend you get Cloud Code or Codex.

I'm going to show you what it would look like in Codex right now. So this is ChatGPT's coding agent. You can pay like a hundred bucks a month for either plan.

And I think with Codex, you get a lot of great usage from it. So the first thing you need to do is you need to actually build the app like Codex or the Cloud Code app. And the second thing you need to do is install HyperFrame.

So you can go to this free resource and I'll have a link to this in description. So don't like feverishly take notes or anything. It starts by just installing HyperFrame's video editor.

So you can literally... Type into your chat within Codex or Cloud Code, install HyperFrames Video Editor. I won't do this because I already did.

But the key to call out is you want to install this globally on your machine. So you might even want to say install HyperFrames Video Editor globally. So I only have to install it once.

And then your coding agent should be able to know what to do from there. If it's running into spinning in circles, though, you can type in this, right? MPX skills.

You could just add that into your Codex chat. Like if I were to just create a new chat, I could literally test project. I could literally just type that in here.

Whoops, sorry. Where did I go? Yeah, I could type this right in here.

Not that one. See, this is the fun of actually seeing me go live. Yeah, this one.

And dropping that in, right? And you could just run that and it will install hyperframes for you. The second thing I strongly recommend is to create a project folder on desktop.

So I actually have one here. It's called my test video. It's an empty folder, right?

This is where you can dump a lot of your reference files. So let's say you have a bunch of B roll that you've saved. You can dump it into a sub folder in your desktop folder, right?

If you have a roll, so you talking to camera and you want to clean up the footage so you don't have any pauses or filler words or bad takes, you can put that footage in here. If you want screenshots that you want to include at various moments in the video script, you can add it there. If you want to include the script of your video, you can add it in there.

But the point is you want a folder that contains all the reference files that you need to create the video. So some planning does help in advance for certain types of videos.

Once you've done that, I want to actually walk you through a very simple use case just so that you can get your feet wet with this. What I actually did was I had here inside of one of my other shorts, a very simple video. So this is just to show you how powerful this tool is.

You can give it a single prompt and it can generate like a pretty cool, fun motion graphic video. I said here, I want you to make a 10 second portrait explainer video explaining the health benefits of getting outside every day. Choose one strong animated visual metaphor that makes the idea instantly understandable.

Keep it fast to render. So when it does this, right, it is generating the video, right? Pretty cleanly.

And it took 15 minutes. So one thing to keep in mind is these videos that get edited with AI, it's not like instantaneous, at least these free tools. It can take 15, 30, 45 minutes, depending on how complex your video is.

So my recommendation is to do edits and you'll go a lot farther. But anyways, you can see here it generated the video in about 15 minutes and it wasn't bad. right and it all generates in here in this local host environment so if you actually want to start off by creating like footage that i just shared with you i'll actually point you to how i created that product launch video so the cool thing if you go back here to this prompt i literally said after i said install i want you to install the hyperframes workflows so That's a really important instruction because the HyperFrames workflows I'm referencing are actually pre -built by Hagen themselves.

So if I go back to, let's say, I go back this particular part of the resource, you'll see here that there's some... Commonly used skills that HeyGen package with HyperFrames library. Website to video.

So literally it can take a website you give it and create a product launch video from that. Or motion graphics or embedded captions on your video or talking head recuts. So if you have bad takes, you can use the talking head recut skill to polish up your footage.

These are pre -built out of the box. And so I wanted to use that when it came to creating a product launch video. So I said, I want you to use this web.

website -to -video skill right after you install HyperFrame's workflows. Create a 25 -second cinematic product launch video from my website, melda .co. Capture the website's actual colors, typography, UI, brand feel, etc.

So you can drop in this prompt for yourself and just add your own product demo video or add your own product website, and it'll spit out a first pass at this. Now notice here, it took... over 30 minutes to generate a complete first version of what you just saw earlier in this video.

But it wasn't perfect. So if you scroll down, you'll see here, I actually gave it a prompt, which I'm trying to see if I can find it here. Yeah.

So I even gave it, I gave it this prompt where I was like, for the intro part where I say your best short form ideas where we have this footage show up as background much grayer. So you can't see it here, but I provided like screenshots. of things that I wanted in the intro.

So like if you notice in the beginning, it doesn't have it here, but like when I exported the video, because I guess I moved some files around, you'll notice like even in this vertical version, look at the backdrop. You see how there's like a bunch of videos that are scrolling? Well, that's literally because what I did was going back to my save posts here under my Instagram.

I literally went to my save posts. Oops. Oh, it's not loading.

well anyway i can't share that to you now but i went to like all of my safe posts here and i i saw a mosaic of them and i just scrolled through them and i captured the screen recording and then i uploaded that screen recording to my project folder which would have been here and it was able to reference that video as backdrop codex i basically said for the intro part when i say your best short form ideas right where we have this footage show up in the background, much grayer with bright white text in the center that pops out saying your best short form ideas, right?

So I have to be very prescriptive with what specific changes I want. But that's just like how you would give feedback to a normal human editor whenever you see them create something, right? So the idea is you want to get like a really good first pass.

It probably can get you like 80 % of the way there. And then you might need to do some fine tuning where you're giving very specific prompts back to Codex or Cloud Code in this case. And so it was able to give me like, it was actually putting together snapshots of the footage.

So you can see here, it's literally taking part of the backdrop here. I added some four screenshots of YouTube videos, right, including one of my own. And it sort of takes together, it puts together the pieces, you know, frame by frame, and then animates it all together.

And you can see these screenshots, which basically is taking the context I gave it, the screenshots, the animated scroll, the direction of where these captions should go, and then provides the edit. now one really cool thing is that in case you want to give more prescriptive feedback on your video you can actually go to the storyboard section right here the storyboard is essentially how the video is laid out across the entire duration so what's the arc what's the audience for example what keyframes do you have what do the animations look like you can already see like here's a description of what is happening animated animated different guided flow sections so What's helpful is you can actually, if you have specific feedback in a section, you can go back to the storyboard and call in the three reasons section.

That way, the hyperframes can just know exactly what you're talking about and make specific modifications as you see fit. So with that said. I had to change the voiceover from a man's voice to a woman's voice.

I also asked it to make a second 9x16 version. And that's how I got this version right here. And it was like, I'll mute it.

But you can see that it's basically the same concept. It's just cleaner and formatted beautifully for 9x16. It's not like formatted awkwardly or anything like that.

So this is just like really, really impressive. And I think that's the most powerful use case. for hyperframes.

Because like I said, if you're a business owner who's got a lot to do, chances are when you edit your videos, you're not going to want to oversee the edits constantly every single day because that can get pretty tiring. So you'd rather edit things that are more durable assets. And I think a product demo video is a great example of that.

Having said that, though, I will say there are a couple of really clean ways you can use hyperframes. So actually, let me go back to my free resource here. So you'll notice that there are a few different types of videos that I highlighted, like green screen, even animated story, like animated stories with different B -roll.

So I'm going to walk you through my approach to creating those in case you want to try creating these types of videos yourself. But before I do, I want to walk you through actually some really good prompting guidance from HeyGen themselves. So if I go back here.

If you go to this particular on X, I'll have a link to it as well. It talks you through how to actually prompt hyperframes in order to get the best possible results. And they have here like six core decisions.

So it says here, start with the right workflow. What is the workflow that you want to create? Give me the spec.

So how long is it? What's the shape of the video? Tell me the beats, beat by beat.

What happens on screen second by second? copy, what's your exact words, technique, name the moves you want, and negative, say what to leave out. Essentially, every time HyperFrames processes your prompt, it's going to run your instructions against one of these six dimensions.

So it's helpful to actually translate your language into a HyperFrames prompt. So what I'll provide in the description is a way where you can just... riff.

Like you can just talk through what is the concept you want. And then what the skill will do is it will actually package everything that you say without leaving anything out into this six part prompt that frames will be able to process. And in the meantime, it will also, the skill will ask you follow up questions if any parts are ambiguous, unclear.

So Let me actually give you some examples of like some prompts that you can do. These are some motion graphics prompts that I provided, like the level of specificity that it takes.

Make a six second 1080 by 1920 video on a deep Navy background with faint blue glow. Beat one, the number zero sits on centered and bold sends, then counts up fast to 700K and settles. So this is like a motion graphic.

And while in the interest of time, you know, just for the sake of it, I'm going to go ahead and just create this myself so you can see what happens. So I'm going to actually pull from the my video in hyper frames. Right.

And I'm just going to use notice here the model I'm using. I think you can use GPT five five as well and get pretty decent results. But, you know, I found that GPT five six Luna is just a little bit faster and tends to get my prompt right a little bit more.

So I'm going to go on Luna. And I'm going to let that run. So while that's running in the background, you'll see here it's using the hyperframes and motion graphics scale to build a six second vertical composition and they'll render and verify the video.

The thing I'll call out when it comes to creating your own videos is it really helps if you can map out what you're looking for visually. Now, I think it's very hard, especially if you have like a two minute video to go beat by beat every two seconds exactly what you want. So instead, what I like to do is i like to take a slightly different approach where i give it the general structure what what i want the video to do i give it all the assets that i'd like to provide and i just talk out loud as i would instruct a normal human editor and then i would use that skill that you'll see in the description to actually to actually repurpose my audio my spoken prompt into a structured prompt that hyperframes can actually use so you an example of that and yeah you'll see how this works okay so here is the hyperframes prompt skill that you're going to invoke in a separate chat so whenever you give it a voice note explaining what's the general structure format of the video that you want

the skill is going to process it route it to each of the six decisions right route spec beats copy technique negatives and then there's going to be a question policy so ask questions only when the answer would material materially change the route runtime story order exact copy source footage treatment or delivery format prioritize these five categories right so let me actually walk you through how i might use this in practice in my test video right i'm gonna Go back to this particular desktop folder right here.

It's got this background image, right, that I knew I wanted to include. Let's say it's got this background image I wanted to include, and it's got some A -roll footage of me as well. I think I have it right here.

Yeah, this one. So I'm gonna open this again and drop this in here. So you can see here, this is A -roll footage of me just talking.

Clodder Chat GPT can research. Right. It's taking my footage.

Right. And it's going to take that stuff. That's all I really have.

Right. I have the script that I recorded from my A -roll. I've got some background images that I want.

So I'm going to say this. I'm going to go with my whisper flow here. And I'm just going to say, I want you to create an edit where this is a green screen video where we're going to clean up the A -roll that you see of me talking so that there are no that there's no pauses, there's no bad takes, there's no filler words.

And this entire video, I wanted to have a green screen effect. So the hook. should have like the first sentence that I say should have the background img underscore 1526 .png should be behind and then when I get to the second sentence I want img .1659 to be behind me and then after that the rest of the video I want it to have animations and graphics that emphasize the key points that I'm making in the video and I want you to use hyperframes prompt skill to make sure that you're structuring the prompt in the best possible way for HyperFrames.

Take my request and edit the video. Yeah. Okay.

So I just gave it my prompt. Now let's go ahead and run it and watch what it does. So it's going to use the HyperFrames workflow, talking head guidance.

This is an existing talking head video that needs a roll cutups. I'll inspect this file. So it's going to go through this process of just gathering context about what I've provided it.

But notice again, my instruction is very clear. I have a vision for what I want for the short form video. It needs, you know, it requires different things.

It's going to take it step by step. And the key that I will expect it to do at some point towards the end is ask me follow up questions if it doesn't have enough guidance based off of. that skill here, right?

It's eventually going to run this skill and it's going to ask me these things, right? It may infer from the resource what's the aspect ratio, right? Because I recorded in a roll 9 by 16 vertical footage.

But in some cases, it may not have that direction, okay? Now, while that's running, there's actually something else I'd love to share, which is Pixel Bay. if you want background music sound effects to go with your video i strongly recommend going to pixabay there i have no affiliation with them but it's a lot it allows you to get royalty -free images royalty -free stock right and so it's pretty cool you can like use stock b -roll for example you know teaching with whiteboard I don't know, something like that.

I've never typed that in. Let's see what happens. Look at this.

You get really cool B -roll that you could overlay as you're talking, right? So if you just create a library of B -roll footage you want that represents the things that you know you're going to say in the script, I strongly recommend that you just start downloading these free B -rolls, right? I think there are some royalty -free images, free images, right?

I think you can even go back to like videos here. So you can even do, yeah, teaching with whiteboard, right? And there you go.

You got these sponsored videos. So you could like, you could go ahead and this got, it's got some like ugly things like watermarks you'd have. So you'd have to pay to remove them.

But there are others that are royalty free like these, right? And you know not all of them are great but some of them are decent right and you can get by with a lot of the the royalty -free footage um i personally love going to the music section so i like to have background music just to give a little bit more liveliness to the to the track or to the video so you can hear here right pretty funky pretty nice there's tons of options I really like that one a lot, but you can just kind of browse.

You kind of take the music that fits the vibe of your video. And then this one here for sound effects, I really like. So one of my favorite sound effects is like the mouse click.

So if you hear the mouse click like this, that actually showed up in one of the videos I made here. which was this one where I kind of, anytime I have like a screenshot that shows on, I like to have that like mouse click sound animation, like here, listen carefully here. Here's, I built a following of over 750.

You hear that mouse click right? These show up, these screenshots show up on screen. So anyways, that's just something to keep in mind.

So meanwhile, let's go ahead and take a look at how this is doing right now. So it's running some commands. It view the images, right?

It view these, the video footage. and now it's yeah it's just doing its thing so again this takes time and that's why i strongly recommend that if you're going to edit a video like don't just wait for something to you know finish end to end you should be multitasking with ai i think have multiple projects going on at once while that's going on i do see that this is ready So this, remember this one I did here where it was like, I gave it a very specific HyperFrames prompt and it was able to, yeah, just like edit the files accordingly.

I would love to say like, show this in HyperFrames for me to review. So looks like it was built and it's asking, do I want to preview it? But yeah, I think overall, this is a pretty slick.

you know pretty slick take i'm sure it'll reopen hyperframes for me in a second but yeah i think in general like the key here i would emphasize is if you want to create with hyperframes you should definitely think of it as one of several projects you run in parallel because these video edits can take you know 20 30 minutes sometimes all right so there you go look at that That is a pretty cool motion graphic.

So what you could do is export this and then bring this into your project folder, right? And this is what I like to do. I like to think about creating reusable assets in my videos.

So you'll see here, here's an example of one where, you know, it accesses my local files. This is for one other video I've done. If you look at, actually not renders, oops, go back, video, no.

sorry it is this one short studio my bad so if you go into one of my folders here i've got these various assets so i've got music i've got sound i've got logos even right so different logos that i know will be used on screen i've even got here like under not skills is it projects i think it's projects b -roll so you can see here all the different footage of me like reacting frustrated.

This is going to show up kind of funky on the side, but like it's literally me just recording myself doing certain things, right? Recording aspects of my life and my coaching program, right? So it's got B -roll clips of me here.

And so I've labeled it in such a way that whenever I tell my agent to pull B -roll that kind of emphasizes key parts of the storyline, it knows to pull from the B -roll folder as long as that B -roll folder is accessible in the project. So like... Right here, there was this short studio folder, right?

So any project in here with short studio is going to recognize the B -roll library because that B -roll library is available in that short studio folder, right? In here. So just something to keep in mind is like how you organize your assets actually can go a really long way to creating a video with hyperframes.

So yeah, I mean, look, I think at the end of the day, This is a really cool tool. If I were to sum this up, and again, this may take a little while for this one to run, so I'll pause the video and show you guys what this actually came up with once it's done.

The key here to remember is that HyperFrames, in my opinion, does not replace human video editors. I run multiple channels. I have to create content every single day.

And if I had to focus on editing videos myself, for the volume that i'm trying to put out hyperframes would not be the tool that would speed things up for me instantaneously but let's say i'm in a pinch and i just need a video to be somewhat edited my editor is not available or i'm trying to create like a tutorial asset or something of that effect say that you could totally use hyperframes um and it's pretty much free with the exception of having to pay for a coding agent so anyways i will end it here but if you have any questions on how to use hyperframes or if you're interested in just trying to build more with ai for running your social media that is what i cover all day long on this channel so i'd be more than happy to share with you multiple tutorials and hopefully this is helpful and feel free to leave any feedbacks in the comments alright take care

The Hook

The bait, then the rug-pull.

Preston Chin opens with a direct promise: free video editing, no catch beyond the coding agent subscription you probably already have. He spends the first two minutes showing finished output, a product demo, a green-screen reaction, and a storytelling video, before he ever opens a terminal, so the viewer sees the ceiling before he teaches the floor.

Frameworks

Named ideas worth stealing.

14:05list

HeyGen's Six Prompting Decisions

Route (workflow)
Spec (duration/shape)
Beats (second-by-second plan)
Copy (exact words)
Technique (named moves)
Negative (what to exclude)

The six dimensions HyperFrames processes every prompt against, according to HeyGen's own prompting guide.

Steal forany coding-agent prompt template for AI video generation

06:03list

HyperFrames Pre-Built Workflows

/product-launch-video
/website-to-video
/faceless-explainer
/motion-graphics
/embedded-captions
/talking-head-recut

Purpose-built workflow templates HeyGen ships with HyperFrames, each pre-tuned for a specific kind of video so the coding agent doesn't start from a blank prompt.

Steal forpicking the right starting workflow before writing a custom HyperFrames prompt

CTA Breakdown

How they asked for the click.

VERBAL ASK

27:37next-video

“If you have any questions on how to use HyperFrames, or if you're interested in building more with AI for running your social media, that's what I cover all day long on this channel.”

No hard spoken sales pitch anywhere in the video; the monetization (consulting calls, his Melda product) lives entirely in the description while the video itself stays instructional and ends on a soft comments/feedback ask.

MENTIONED ON CAMERA

01:40productMelda ↗

04:53linkPreston Chin's free HyperFrames guide ↗

17:07toolHyperFrames prompt skill (Google Drive) ↗

20:44toolPixabay ↗

FROM THE DESCRIPTION

PRIMARY CTAWhere the creator wants you to go next.