How I use AI to edit all my Short-form Videos (Hyperframes Setup & Prompts)

For the past few months, I've been using AI to edit pretty much all my short-form videos, from animating interfaces, adding graphic effects, to creating spatial caption. It is honestly incredible. What blew me away is every time I ask it to create something and think it probably can't do it, it won't look good, and somehow it does it. So, what's required from you is just

look good, and somehow it does it. So, what's required from you is just articulate what you want. Because now you can create animations in minutes that previously would have taken a highly skilled graphic designer hours to do. So, in this video, I'm going to walk you through the initial setup of Hyperframe project. We're going to do this from scratch. And I'm also going to

Hyperframe project. We're going to do this from scratch. And I'm also going to show you how I typically start a new project. Then I'm going to show you the three examples that I've created, the exact prompt I used, and the final results. Let's go. First thing we're going to do is search Hyperframes, and this is their official website. This is their open-source project on GitHub. If

their open-source project on GitHub. If you click into their official website, you should be able to go to their GitHub open-source project from here as well. You can also see they have catalog, documentation. So, all of these are great resources for you to take a look at the capabilities of this open-source project to see what are some of the

project to see what are some of the animations, what are some of the caption options that are available for you. So, these are really cool to go through as an example. Now, an open-source project is someone publicly released their source code, files, instruction onto the web, which means that you can then install this entire project onto

then install this entire project onto your own desktop. Because AI is so good at coding, you don't need to understand anything that sits in here. You just need to install this project onto your own desktop and plug AI in, whether it's Claude code or Codex, and AI is able to understand the coding, understand what's going on here, and use this as a set of

going on here, and use this as a set of tools to build things for you. Hyperframes is this open-source framework that turns HTML into motion graphic, and it's released by Haegen, which is the brand. So, to get this set up, all you need to do is copy this link. So, we're going to be using

link. So, we're going to be using ChatGPT. Here, I've already installed the ChatGPT desktop app. I like to use Codex when it comes to adding motion graphics because it's a lot more token efficient, and I really, really like the results. It's incredible. So, this is what I'm going to use. So, let's set this up from scratch. So, the first

this up from scratch. So, the first thing you're going to do is to create a brand new folder on your desktop and I'm going to name this hyperframe. Okay, from there you already have your codex installed and then make sure you install your chat GPT desktop app. And once

your chat GPT desktop app. And once that's installed, you're just going to toggle to codex and from there let's open up a new chat. And down here you can see I'm able to select the folder I want this chat able to access. So, I'm going to choose a new project, use

going to choose a new project, use existing folder and I'm going to give it the folder that I've just created so that we can do this from scratch because my current hyperframe setup is inside of my AI operating system and just so that we can all do this for the first time. And to get the setup, all you need to do

And to get the setup, all you need to do is paste in that GitHub link that we just copied and just tell your AI to initialize the project. Can you initialize this project? I have hyperframe set up in a different folder. Ignore that. Just pretend you're doing this for the first time inside of this hyperframe folder with me for the first

hyperframe folder with me for the first time. I've been using audio as much as I can, barely typing. As we go through the entire setup process, you can see everything is going to be done by AI. If there's missing something, if it needs to trigger something in the terminal, just talk to it. Ask it, "What do you want me to do? What's the command that

want me to do? What's the command that you want me to paste?" It's it's able to bring you through that entire setup process really seamlessly. It's probably going to take a couple minutes. We'll check back once it's done. Okay, so everything is initialized. If you toggle on the side panel, you can click on files and then you see everything that it installed inside of that newly

files and then you see everything that it installed inside of that newly created folder. We don't have to understand everything that's happening here, but just know that this is already created for it to be compatible with any AI. For example, this dot agent is meant to be used with codex and dot Claude is

to be used with codex and dot Claude is meant to be used with Claude code because they have like different preference and terminology with the folder and file that they want to see. Now, this is already embedded inside of here. You can also take a look at your claw.md file. If you're not familiar with the claw.md file, it's usually the

with the claw.md file, it's usually the top-level file that clock code will first reach out and read through. That's like the main map, right, to understand, okay, now where do I look for my next step? So, this is a high-level instruction that it reads first. So, similarly, there's another agent.md file, which is what Codex uses.

agent.md file, which is what Codex uses. So, everything is already listed in here so that you can use it with any AI. And you can see that it comes with a bunch of skills. So, the creation workflow, including creating a product launch video, it can do embedded captions, it's able to do talking head recut. And then,