← Back
AI Engineer July 21, 2026 15m

HTML Is All Agents Need — James Russo, HeyGen

Read full transcript 12 segments
  1. >> Since we're talking about generative >> Since we're talking about generative media, I thought starting with a video media, I thought starting with a video media, I thought starting with a video might be good. That video was made might be good. That video was made might be good. That video was made completely by an agent in a single shot, completely by an agent in a single shot, completely by an agent in a single shot, all utilizing HTML. all utilizing HTML. all utilizing HTML. My name is James Russo. I am the My name is James Russo. I am the My name is James Russo. I am the co-creator and tech lead of hyperframes co-creator and tech lead of hyperframes co-creator and tech lead of hyperframes at HeyGen. Today, we're going to be at HeyGen. Today, we're going to be at HeyGen. Today, we're going to be talking about why we think HTML is all talking about why we think HTML is all talking about why we think HTML is all your agents need to create great videos. Show of hands here who finds creating Show of hands here who finds creating that launch post or that launch video that launch post or that launch video that launch post or that launch video harder than actually building now with harder than actually building now with harder than actually building now with coding agents. coding agents. coding agents. All right. All right. All right. Some hands up there. Um Some hands up there. Um Some hands up there. Um Coding agents have democratized Coding agents have democratized Coding agents have democratized building, made it incredibly easy for building, made it incredibly easy for building, made it incredibly easy for anyone to create anything that comes to anyone to create anything that comes to anyone to create anything that comes to their minds. their minds. their minds. Um however, we think that launching your Um however, we think that launching your Um however, we think that launching your product or your feature, getting it out product or your feature, getting it out product or your feature, getting it out into the world, is still quite hard. And into the world, is still quite hard. And into the world, is still quite hard. And we at HeyGen have been trying to close we at HeyGen have been trying to close we at HeyGen have been trying to close that gap. If you're not familiar with HeyGen, our If you're not familiar with HeyGen, our mission is to solve communication mission is to solve communication mission is to solve communication through video. We started by creating through video. We started by creating through video. We started by creating the best AI avatar on the market. the best AI avatar on the market. the best AI avatar on the market. You can think of this as the A-roll, the You can think of this as the A-roll, the You can think of this as the A-roll, the footage you see here on the left side of footage you see here on the left side of footage you see here on the left side of the screen. Um it's the narrator, the the screen. Um it's the narrator, the the screen. Um it's the narrator, the character, the main subject of the character, the main subject of the character, the main subject of the video. However, it's kind of plain, and video. However, it's kind of plain, and video. However, it's kind of plain, and great videos have a lot more pieces to great videos have a lot more pieces to great videos have a lot more pieces to them. They have B-roll, which is the them. They have B-roll, which is the them. They have B-roll, which is the images and the the other pieces of media images and the the other pieces of media images and the the other pieces of media and assets. They have animations, they and assets. They have animations, they and assets. They have animations, they have captions, they have music. All of have captions, they have music. All of have captions, they have music. All of this is needed to create a great video.

  2. this is needed to create a great video. this is needed to create a great video. And for us, it's important that we nail And for us, it's important that we nail And for us, it's important that we nail every layer, not just the avatar, to every layer, not just the avatar, to every layer, not just the avatar, to solve communication through video and solve communication through video and solve communication through video and give agents the right canvas to create give agents the right canvas to create give agents the right canvas to create great videos. So, how do you give agents the ability So, how do you give agents the ability to generate all of these layers and to generate all of these layers and to generate all of these layers and build up this composition needed to build up this composition needed to build up this composition needed to create great video? Our bet is on HTML. create great video? Our bet is on HTML. create great video? Our bet is on HTML. HTML, CSS, and JavaScript are the native HTML, CSS, and JavaScript are the native HTML, CSS, and JavaScript are the native languages of LLMs. Most of their languages of LLMs. Most of their languages of LLMs. Most of their training data, every webpage that gets training data, every webpage that gets training data, every webpage that gets scraped at the end of day is essentially scraped at the end of day is essentially scraped at the end of day is essentially just HTML, CSS, and JavaScript under the just HTML, CSS, and JavaScript under the just HTML, CSS, and JavaScript under the hood. hood. hood. Uh when you try to teach a model a new Uh when you try to teach a model a new Uh when you try to teach a model a new DSL or even your own custom JSON DSL or even your own custom JSON DSL or even your own custom JSON structure, it's forcing it to speak structure, it's forcing it to speak structure, it's forcing it to speak another language. Uh we like to think of another language. Uh we like to think of another language. Uh we like to think of this as trying to ask Shakespeare to this as trying to ask Shakespeare to this as trying to ask Shakespeare to write a poem in Japanese or Chinese. write a poem in Japanese or Chinese. write a poem in Japanese or Chinese. Even if you give them a bunch of Even if you give them a bunch of Even if you give them a bunch of examples um and teach them a bunch of examples um and teach them a bunch of examples um and teach them a bunch of things, you will not get the best output things, you will not get the best output things, you will not get the best output from them because it's not their native from them because it's not their native from them because it's not their native tongue. tongue. tongue. So, why not let the LLMs and agents talk So, why not let the LLMs and agents talk So, why not let the LLMs and agents talk in their native tongue when creating in their native tongue when creating in their native tongue when creating videos?

  3. We're not the only ones saying this. We're not the only ones saying this. Over the last few months, Tarik, Andrej Over the last few months, Tarik, Andrej Over the last few months, Tarik, Andrej Karpathy have been talking a lot about Karpathy have been talking a lot about Karpathy have been talking a lot about how HTML is a new markdown. It's a great how HTML is a new markdown. It's a great how HTML is a new markdown. It's a great output um for LLMs to give you visual output um for LLMs to give you visual output um for LLMs to give you visual representation. For what's it's worth, I representation. For what's it's worth, I representation. For what's it's worth, I submitted this talk before both of these submitted this talk before both of these submitted this talk before both of these tweets came out. Uh I can show you proof tweets came out. Uh I can show you proof tweets came out. Uh I can show you proof later if you're curious, but we all kind later if you're curious, but we all kind later if you're curious, but we all kind of came to the same conclusion here, of came to the same conclusion here, of came to the same conclusion here, which is that uh which is that uh which is that uh let LLMs talk in their native language let LLMs talk in their native language let LLMs talk in their native language and you can get better output from them. It wasn't necessarily an easy thing. It wasn't necessarily an easy thing. We've been working on this for over a We've been working on this for over a We've been working on this for over a year now and tried a bunch of things year now and tried a bunch of things year now and tried a bunch of things along the way. along the way. along the way. Uh there's a bunch of different Uh there's a bunch of different Uh there's a bunch of different uh frameworks and tools to help create uh frameworks and tools to help create uh frameworks and tools to help create great videos. And we like to think about great videos. And we like to think about great videos. And we like to think about them uh on this axis of quality of them uh on this axis of quality of them uh on this axis of quality of results and agent-friendly. results and agent-friendly. results and agent-friendly. Um Um Um for us, After Effects, Premiere Pro, for us, After Effects, Premiere Pro, for us, After Effects, Premiere Pro, these are kind of like the gold these are kind of like the gold these are kind of like the gold standards of creatives. They create standards of creatives. They create standards of creatives. They create great output, but they're not very great output, but they're not very great output, but they're not very agent-friendly. And even with the more agent-friendly. And even with the more agent-friendly. And even with the more recent connectors into it, it's more of recent connectors into it, it's more of recent connectors into it, it's more of a a co-pilot or something that can help a a co-pilot or something that can help a a co-pilot or something that can help you facilitate things you already know you facilitate things you already know you facilitate things you already know how to do. It doesn't give it creative how to do. It doesn't give it creative how to do. It doesn't give it creative output.

  4. output. output. We tried things like Lottie and Rive, We tried things like Lottie and Rive, We tried things like Lottie and Rive, which are coding uh languages in JSON or which are coding uh languages in JSON or which are coding uh languages in JSON or custom XML formats. custom XML formats. custom XML formats. Um and they can get you pretty good Um and they can get you pretty good Um and they can get you pretty good output, but agent-friendly isn't output, but agent-friendly isn't output, but agent-friendly isn't necessarily true for those because necessarily true for those because necessarily true for those because they're not um their native tongue and they're not um their native tongue and they're not um their native tongue and they aren't as editable or controllable, they aren't as editable or controllable, they aren't as editable or controllable, which is a big thing for us is that which is a big thing for us is that which is a big thing for us is that controllability layer. controllability layer. controllability layer. We played around with Remotion quite a We played around with Remotion quite a We played around with Remotion quite a bit and honestly thought it was a great bit and honestly thought it was a great bit and honestly thought it was a great example of what LLMs and agents could do example of what LLMs and agents could do example of what LLMs and agents could do with coding. Um however, we noticed that with coding. Um however, we noticed that with coding. Um however, we noticed that we had to teach them the framework. We we had to teach them the framework. We we had to teach them the framework. We had to teach them the language and give had to teach them the language and give had to teach them the language and give them a bunch of examples on how to write them a bunch of examples on how to write them a bunch of examples on how to write code properly, which ultimately took code properly, which ultimately took code properly, which ultimately took away a lot of the creativity of it. away a lot of the creativity of it. away a lot of the creativity of it. Um then we have HTML, which around Um then we have HTML, which around Um then we have HTML, which around November of last year when Gemini 3 and November of last year when Gemini 3 and November of last year when Gemini 3 and the latest models came out, we saw a the latest models came out, we saw a the latest models came out, we saw a step function improvement in what LLMs step function improvement in what LLMs step function improvement in what LLMs could do. When we just gave them could do. When we just gave them could do. When we just gave them examples of what the output we wanted examples of what the output we wanted examples of what the output we wanted was, they naturally gravitated toward was, they naturally gravitated toward was, they naturally gravitated toward HTML, CSS, and JavaScript and gave us HTML, CSS, and JavaScript and gave us HTML, CSS, and JavaScript and gave us great output. Um and we decided, let's great output. Um and we decided, let's great output. Um and we decided, let's not fight the model, but find a way not fight the model, but find a way not fight the model, but find a way where we can let them talk in their where we can let them talk in their where we can let them talk in their native tongue.

  5. So, how we did this was starting with a So, how we did this was starting with a very small model, Gemini 3 Flash, as our very small model, Gemini 3 Flash, as our very small model, Gemini 3 Flash, as our design partner. We knew that if the design partner. We knew that if the design partner. We knew that if the smaller models could author workable smaller models could author workable smaller models could author workable code in a framework, then code in a framework, then code in a framework, then the larger models and these coding the larger models and these coding the larger models and these coding agents could 100% do it as well. agents could 100% do it as well. agents could 100% do it as well. We tried with a bunch of different We tried with a bunch of different We tried with a bunch of different wrappers around HTML, CSS, and wrappers around HTML, CSS, and wrappers around HTML, CSS, and JavaScript, adding in a lot of context, JavaScript, adding in a lot of context, JavaScript, adding in a lot of context, and and and making our system prompts bigger, adding making our system prompts bigger, adding making our system prompts bigger, adding in skills. Um but to our surprise, the in skills. Um but to our surprise, the in skills. Um but to our surprise, the thinnest wrapper ultimately won, which thinnest wrapper ultimately won, which thinnest wrapper ultimately won, which is essentially just HTML at the end of is essentially just HTML at the end of is essentially just HTML at the end of the day with a few data attributes as the day with a few data attributes as the day with a few data attributes as metadata to let the agent know, and to metadata to let the agent know, and to metadata to let the agent know, and to let us know uh about timing and things let us know uh about timing and things let us know uh about timing and things like that. like that. like that. Um our Yeah, as I already mentioned, our Um our Yeah, as I already mentioned, our Um our Yeah, as I already mentioned, our thinking was very simple. If this thinking was very simple. If this thinking was very simple. If this smaller model could get it, as the smaller model could get it, as the smaller model could get it, as the models got better, it would continue to models got better, it would continue to models got better, it would continue to improve. They would naturally understand improve. They would naturally understand improve. They would naturally understand it more as well as training data came it more as well as training data came it more as well as training data came into the picture. Um and this is when we into the picture. Um and this is when we into the picture. Um and this is when we knew the format of what we were building knew the format of what we were building knew the format of what we were building was right. Here's a little bit more detailed Here's a little bit more detailed example of what a video looks like uh in example of what a video looks like uh in example of what a video looks like uh in hyperframe. So, here is on the left just hyperframe. So, here is on the left just hyperframe. So, here is on the left just HTML um with a few attributes, and on HTML um with a few attributes, and on HTML um with a few attributes, and on the right, the web page that it renders.

  6. the right, the web page that it renders. the right, the web page that it renders. Um the preview and the render are all Um the preview and the render are all Um the preview and the render are all done in the browser. The same pixels done in the browser. The same pixels done in the browser. The same pixels that the browser sees is ultimately what that the browser sees is ultimately what that the browser sees is ultimately what your video is going to see. your video is going to see. your video is going to see. Um and anything any web page that your Um and anything any web page that your Um and anything any web page that your LLM or agent knows how to write, it can LLM or agent knows how to write, it can LLM or agent knows how to write, it can now write into a video. This gave us hyperframes, our This gave us hyperframes, our open-source framework that turns your open-source framework that turns your open-source framework that turns your agent's HTML into video. So, now that we had the HTML and the So, now that we had the HTML and the language part of it, um the next hard language part of it, um the next hard language part of it, um the next hard part was how do we actually turn this part was how do we actually turn this part was how do we actually turn this into a deterministic MP4 video that into a deterministic MP4 video that into a deterministic MP4 video that anyone can post or utilize. And this was anyone can post or utilize. And this was anyone can post or utilize. And this was a lot harder because browsers are async a lot harder because browsers are async a lot harder because browsers are async on purpose. Um they have a different set on purpose. Um they have a different set on purpose. Um they have a different set of requirements and concerns to video of requirements and concerns to video of requirements and concerns to video rendering. They need to work across a rendering. They need to work across a rendering. They need to work across a bunch of different networks and a bunch bunch of different networks and a bunch bunch of different networks and a bunch of different uh constraints. of different uh constraints. of different uh constraints. But, that's not true for video. So, on But, that's not true for video. So, on But, that's not true for video. So, on the left you can kind of see here what a the left you can kind of see here what a the left you can kind of see here what a a browser render might do. It's okay to a browser render might do. It's okay to a browser render might do. It's okay to loading things asynchronously like loading things asynchronously like loading things asynchronously like fonts. So, as the page loads in, the fonts. So, as the page loads in, the fonts. So, as the page loads in, the font and style of the text might change.

  7. font and style of the text might change. font and style of the text might change. Images and videos and other assets can Images and videos and other assets can Images and videos and other assets can load in asynchronously as well. Um so load in asynchronously as well. Um so load in asynchronously as well. Um so you might not see them initially on the you might not see them initially on the you might not see them initially on the page, but they'll come in at some point. page, but they'll come in at some point. page, but they'll come in at some point. Whereas for video, Whereas for video, Whereas for video, we need everything on the page 100% of we need everything on the page 100% of we need everything on the page 100% of the time so that we can show you exactly the time so that we can show you exactly the time so that we can show you exactly what you expect in the the video. How we do this in hyperframes is How we do this in hyperframes is um essentially freezing the clock and um essentially freezing the clock and um essentially freezing the clock and seeking frame by frame. For those who seeking frame by frame. For those who seeking frame by frame. For those who aren't super familiar with video, uh aren't super familiar with video, uh aren't super familiar with video, uh basically a video is a series of frames basically a video is a series of frames basically a video is a series of frames or images strung together to create or images strung together to create or images strung together to create motion across an entire video. motion across an entire video. motion across an entire video. So we took this insight of ours and So we took this insight of ours and So we took this insight of ours and basically applied it to our rendering of basically applied it to our rendering of basically applied it to our rendering of HTML as well. HTML as well. HTML as well. We freeze the clock in the browser and We freeze the clock in the browser and We freeze the clock in the browser and then we seek deterministically to every then we seek deterministically to every then we seek deterministically to every single moment in time or every single single moment in time or every single single moment in time or every single frame, uh wait for everything to load on frame, uh wait for everything to load on frame, uh wait for everything to load on the page, ensure that it's loaded and the page, ensure that it's loaded and the page, ensure that it's loaded and ready to go, and then we take a ready to go, and then we take a ready to go, and then we take a screenshot and move on to the next screenshot and move on to the next screenshot and move on to the next frame, and do that over and over again frame, and do that over and over again frame, and do that over and over again uh until we get all of the necessary uh until we get all of the necessary uh until we get all of the necessary frames to encode that into a video. So frames to encode that into a video. So frames to encode that into a video. So the same input that is previewed in the the same input that is previewed in the the same input that is previewed in the browser is also rendered into the video.

  8. browser is also rendered into the video. browser is also rendered into the video. Hence the name hyperframes. The power of this is that anything you The power of this is that anything you can render in a browser essentially can can render in a browser essentially can can render in a browser essentially can now be in your video. now be in your video. now be in your video. Things like 3.js, charts, SVGs, shaders, Things like 3.js, charts, SVGs, shaders, Things like 3.js, charts, SVGs, shaders, WebGL, WebGPU, Lottie, all of these are WebGL, WebGPU, Lottie, all of these are WebGL, WebGPU, Lottie, all of these are renderable in the browser, and therefore renderable in the browser, and therefore renderable in the browser, and therefore all of them are renderable in all of them are renderable in all of them are renderable in hyperframes. hyperframes. hyperframes. This is a big part of how we create a This is a big part of how we create a This is a big part of how we create a lot of our videos is finding inspiration lot of our videos is finding inspiration lot of our videos is finding inspiration on the internet, taking these as on the internet, taking these as on the internet, taking these as examples, tweaking them to our needs, examples, tweaking them to our needs, examples, tweaking them to our needs, and then putting them into our videos. The next part outside of the actual The next part outside of the actual framework and rendering is how do you framework and rendering is how do you framework and rendering is how do you get great or good output out of the get great or good output out of the get great or good output out of the agents. And a big part of this is the agents. And a big part of this is the agents. And a big part of this is the skills that we couple with our skills that we couple with our skills that we couple with our framework. framework. framework. Our skill is focused on taste and video Our skill is focused on taste and video Our skill is focused on taste and video aspects because the LLMs and agents aspects because the LLMs and agents aspects because the LLMs and agents already know how to write HTML and CSS already know how to write HTML and CSS already know how to write HTML and CSS and JavaScript, we don't have to teach and JavaScript, we don't have to teach and JavaScript, we don't have to teach them the language, we just teach them them the language, we just teach them them the language, we just teach them how to create good videos. This is a big how to create good videos. This is a big how to create good videos. This is a big difference between other frameworks difference between other frameworks difference between other frameworks where if you look at certain skills, where if you look at certain skills, where if you look at certain skills, it's really just like how do you write it's really just like how do you write it's really just like how do you write something in that framework?

  9. something in that framework? something in that framework? Um this allows us to focus on the Um this allows us to focus on the Um this allows us to focus on the important parts of what makes a great important parts of what makes a great important parts of what makes a great video and a big part of this is video and a big part of this is video and a big part of this is constantly evaling and using agents to constantly evaling and using agents to constantly evaling and using agents to improve them. improve them. improve them. Uh this allows us to raise the floor of Uh this allows us to raise the floor of Uh this allows us to raise the floor of videos and ensure that the base output videos and ensure that the base output videos and ensure that the base output of a single shot prompt gets you pretty of a single shot prompt gets you pretty of a single shot prompt gets you pretty good results. good results. good results. Here's an example I'm going to show of a Here's an example I'm going to show of a Here's an example I'm going to show of a single shot utilizing our website to single shot utilizing our website to single shot utilizing our website to video skill. video skill. video skill. All you have to do is give it All you have to do is give it All you have to do is give it a website a a website a a website a We tell it how to get to that website, We tell it how to get to that website, We tell it how to get to that website, retrieve all the assets and information retrieve all the assets and information retrieve all the assets and information it needs uh to create that design and it needs uh to create that design and it needs uh to create that design and theming and branding using DesignMD or theming and branding using DesignMD or theming and branding using DesignMD or FrameMD in our case. FrameMD in our case. FrameMD in our case. Um and then from there we just teach the Um and then from there we just teach the Um and then from there we just teach the LLM basic motion examples and things LLM basic motion examples and things LLM basic motion examples and things like that of great videos that you can like that of great videos that you can like that of great videos that you can then go ahead and get good output like then go ahead and get good output like then go ahead and get good output like this. However, great output takes craft. However, great output takes craft. Similar to AI coding, Similar to AI coding, Similar to AI coding, you can get you can get you can get decent output by just giving a single decent output by just giving a single decent output by just giving a single prompt and having something that works prompt and having something that works prompt and having something that works for your needs, but getting great output for your needs, but getting great output for your needs, but getting great output from agents requires craft, taste, the from agents requires craft, taste, the from agents requires craft, taste, the same principles of any uh software same principles of any uh software same principles of any uh software engineer before AI coding as well.

  10. engineer before AI coding as well. engineer before AI coding as well. Breaking the problem up into individual Breaking the problem up into individual Breaking the problem up into individual pieces and working iteratively. pieces and working iteratively. pieces and working iteratively. The same is true for getting great The same is true for getting great The same is true for getting great output for HyperFrames videos. output for HyperFrames videos. output for HyperFrames videos. Um we want to make sure our power users Um we want to make sure our power users Um we want to make sure our power users have full control over this and the same have full control over this and the same have full control over this and the same way we created videos before HyperFrames way we created videos before HyperFrames way we created videos before HyperFrames is how we create them with HyperFrames. is how we create them with HyperFrames. is how we create them with HyperFrames. We think about the narrative and the We think about the narrative and the We think about the narrative and the vision and the mission of this video. We vision and the mission of this video. We vision and the mission of this video. We storyboard it frame by frame and think storyboard it frame by frame and think storyboard it frame by frame and think about what each frame needs to do. We about what each frame needs to do. We about what each frame needs to do. We then move that into adding motion frame then move that into adding motion frame then move that into adding motion frame by frame utilizing HTML, CSS, and by frame utilizing HTML, CSS, and by frame utilizing HTML, CSS, and JavaScript, merging it into one cohesive JavaScript, merging it into one cohesive JavaScript, merging it into one cohesive video, video, video, um and then utilizing our studio that we um and then utilizing our studio that we um and then utilizing our studio that we released with Hyperframes for that last released with Hyperframes for that last released with Hyperframes for that last mile editing. Ensuring that humans are mile editing. Ensuring that humans are mile editing. Ensuring that humans are always in the loop and have access to do always in the loop and have access to do always in the loop and have access to do anything that they would do in their anything that they would do in their anything that they would do in their normal video editor within the normal video editor within the normal video editor within the open-source framework's editor so that open-source framework's editor so that open-source framework's editor so that you can manually drag, tweak, uh etc. you can manually drag, tweak, uh etc. you can manually drag, tweak, uh etc. And that gets you output that looks like And that gets you output that looks like And that gets you output that looks like this. Uh we actually just released this this. Uh we actually just released this this. Uh we actually just released this today, keyframes in Hyperframes, uh today, keyframes in Hyperframes, uh today, keyframes in Hyperframes, uh which is a big aspect of what makes which is a big aspect of what makes which is a big aspect of what makes great videos for motion designers, and great videos for motion designers, and great videos for motion designers, and it allows you to basically coordinate it allows you to basically coordinate it allows you to basically coordinate all of this different motion uh frame by all of this different motion uh frame by all of this different motion uh frame by frame or keyframe by keyframe um in our frame or keyframe by keyframe um in our frame or keyframe by keyframe um in our studio and make sure that you can do studio and make sure that you can do studio and make sure that you can do anything that a professional motion anything that a professional motion anything that a professional motion designer might be able to do in After designer might be able to do in After designer might be able to do in After Effects.

  11. So, it's not just a demo. We've been So, it's not just a demo. We've been uh we released Hyperframes a couple uh we released Hyperframes a couple uh we released Hyperframes a couple months ago. It's been running at scale months ago. It's been running at scale months ago. It's been running at scale in our opinion. Over 1.3 million videos in our opinion. Over 1.3 million videos in our opinion. Over 1.3 million videos have been rendered by open-source users have been rendered by open-source users have been rendered by open-source users of Hyperframes in the last 90 days. of Hyperframes in the last 90 days. of Hyperframes in the last 90 days. 267,000 creators have tried it. We have 267,000 creators have tried it. We have 267,000 creators have tried it. We have about 15,000 videos every single day about 15,000 videos every single day about 15,000 videos every single day being rendered utilizing the open-source being rendered utilizing the open-source being rendered utilizing the open-source framework and 32,000 GitHub stars. Um framework and 32,000 GitHub stars. Um framework and 32,000 GitHub stars. Um but this is only just the start for us. but this is only just the start for us. but this is only just the start for us. As I mentioned already, it's As I mentioned already, it's As I mentioned already, it's open-source, free forever. Anyone can go open-source, free forever. Anyone can go open-source, free forever. Anyone can go ahead and use Hyperframes right now. It ahead and use Hyperframes right now. It ahead and use Hyperframes right now. It works with any coding agent that you works with any coding agent that you works with any coding agent that you have, Cloud Code, Codex, Cursor, any have, Cloud Code, Codex, Cursor, any have, Cloud Code, Codex, Cursor, any number of other ones up here, any ones number of other ones up here, any ones number of other ones up here, any ones I'm not aware of even. If your agent I'm not aware of even. If your agent I'm not aware of even. If your agent knows how to write HTML, CSS, and knows how to write HTML, CSS, and knows how to write HTML, CSS, and JavaScript, it knows how to create a JavaScript, it knows how to create a JavaScript, it knows how to create a Hyperframes video. Hyperframes video. Hyperframes video. Now, with this, the same agent that is Now, with this, the same agent that is Now, with this, the same agent that is helping you create your product can also helping you create your product can also helping you create your product can also help you make your launch video. The one honest thing that we're going to The one honest thing that we're going to say here is that the models still aren't say here is that the models still aren't say here is that the models still aren't good at creative work. We spend a lot of good at creative work. We spend a lot of good at creative work. We spend a lot of time evaling and trying to improve this time evaling and trying to improve this time evaling and trying to improve this in our skills and push it even further. in our skills and push it even further. in our skills and push it even further. But we think there's something at a But we think there's something at a But we think there's something at a higher level that needs to change here, higher level that needs to change here, higher level that needs to change here, which is why we started to work on a which is why we started to work on a which is why we started to work on a code to video benchmark where we are code to video benchmark where we are code to video benchmark where we are trying to work with the LLM labs, any trying to work with the LLM labs, any trying to work with the LLM labs, any creators who are working on video agents creators who are working on video agents creators who are working on video agents to ensure that we can raise the floor of to ensure that we can raise the floor of to ensure that we can raise the floor of videos for everyone. If anyone is videos for everyone. If anyone is videos for everyone. If anyone is interested in this space or working on interested in this space or working on interested in this space or working on this, we'd be happy to be collaborators, this, we'd be happy to be collaborators, this, we'd be happy to be collaborators, talk more about this. Feel free to find talk more about this. Feel free to find talk more about this. Feel free to find me or any member wearing a Hyperframes me or any member wearing a Hyperframes me or any member wearing a Hyperframes t-shirt in the crowd afterwards. Love to t-shirt in the crowd afterwards. Love to t-shirt in the crowd afterwards. Love to chat to you guys more.

  12. And one more thing, And one more thing, some of you may have seen the AI some of you may have seen the AI some of you may have seen the AI engineer Warfare showcase video. We engineer Warfare showcase video. We engineer Warfare showcase video. We collaborated heavily with the team to collaborated heavily with the team to collaborated heavily with the team to create this with them utilizing create this with them utilizing create this with them utilizing Hyperframes Hyperframes Hyperframes as a little surprise of what it can do. as a little surprise of what it can do. as a little surprise of what it can do. Here's a great example of the motion Here's a great example of the motion Here's a great example of the motion graphics and designing that you can do graphics and designing that you can do graphics and designing that you can do with HTML, CSS, and JavaScript. So yeah, So yeah, agents are made building incredibly agents are made building incredibly agents are made building incredibly easy. Launching is still quite hard. We easy. Launching is still quite hard. We easy. Launching is still quite hard. We think HTML is all your agents need in think HTML is all your agents need in think HTML is all your agents need in order to make great videos and launch order to make great videos and launch order to make great videos and launch your product into the world. your product into the world. your product into the world. Here is a link to Hyperframes, the Here is a link to Hyperframes, the Here is a link to Hyperframes, the project, the open source repo. Feel free project, the open source repo. Feel free project, the open source repo. Feel free to check it out, star it, download the to check it out, star it, download the to check it out, star it, download the skills. You can reach me on X at skills. You can reach me on X at skills. You can reach me on X at Reems_Juso, Reems_Juso, Reems_Juso, and thank you for attending. I'll be and thank you for attending. I'll be and thank you for attending. I'll be outside if anyone wants to chat.

Summary

The discussion centers on empowering AI agents to create comprehensive videos, not just avatars. It highlights that while coding agents have democratized creation, launching products via video remains challenging. The key takeaway is that HTML, CSS, and JavaScript are the native languages of LLMs, making them the ideal tools for agents to assemble all necessary video layers—from B-roll to captions—into engaging content.

View original episode ↗