Blog

Code-Edited Video: What It Is and When It's Worth It

AI builds reels with animated text and graphics, no editing software. How we make ours, what works, where it fails, and when it fits your business.

October 19, 2026 · Agência Primeira Página

Code-Edited Video: What It Is and When It's Worth It

In October 2026, an AI video creator posted a test on X that drew attention: they gave Claude a raw 30-second clip and a single request, and got back the video with animated captions, sound effects, slow motion and an original soundtrack, "all done with code, no editing software." It sounds like a lab trick, but it is how our agency has been producing its own Instagram reels since October. Below, we explain what code-edited video is, what it does well, where it still fails and when it makes sense for a small business.

What code-edited video is

In traditional editing software, someone drags clips onto a timeline, positions text with the mouse and exports. In code-made video, each scene is described in a text file: "the title enters at 2 seconds, rises 40 pixels, stays on screen for 5 seconds; the chart counts from 0 to 1,000 in 1.6 seconds." A program reads that file and turns it into video, frame by frame.

Two open tools do this today. Remotion builds the video with React, the same technology behind many websites. HyperFrames, released by HeyGen in March 2026 under the Apache 2.0 license, uses a plain HTML page: the browser draws each frame and the result is exported as MP4. What has changed compared to a few years ago is who writes that file. It used to be a programmer. Now an AI like Claude writes and fixes the code from a request in plain language, and the person only reviews the video.

How we make our reels this way

Since October, our agency's reels have been made this way. A recent example: the reel about leaving space at the edges of the video, published on October 18. The process went like this:

  1. AI-generated character. A 3D toy baker and his bakery were created as an image and animated into two 5-second clips in a video generator. Cost: about 20 credits of the plan we use.
  2. Scenes described in code. Titles, drawn phones, cut strips, buttons, "right" and "wrong" badges, all written in an HTML page, with the timing of each animation.
  3. Rendering on a server. A 41- to 46-second reel took 2 to 3 minutes to finish, with nobody clicking anything.
  4. Review by message. Adjustment requests came in sentences like "start the animations one second earlier in every frame" or "cut one more second from 2 and 3." Each request became a change of numbers in the file and a new render.

That reel went through 13 versions in two days, from first draft to published version. In traditional editing software, changing the timing of every scene at once takes hours. Here, it took minutes per version.

What code does better than manual editing

  • Batch adjustments. "Make all titles 10% bigger," "swap the phone in every scene," "one more second of reading time" are one-line changes, not one-hour jobs.
  • Versions for each network. The same video comes out with "link in bio" for Instagram and without it for TikTok, where a regular account only gets a profile link from 1,000 followers. It's a matter of swapping a text and rendering again.
  • Exact measurements. In the edges reel, all text stayed between pixels 285 and 1,248 of the height, so it wouldn't be cropped in the Facebook feed or covered by the Instagram caption. We check this automatically, painting the forbidden area red in every frame.
  • Reusable templates. Once a format is built, such as a "before and after" or a "step-by-step with counter," the next video is just a matter of swapping text and images. For those who publish every week, that's where the cost drops.
  • Animated numbers and charts. Counters, bars and lines rise with the right values, because the video reads the numbers from the file itself. There is no risk of the chart saying one thing and the text another.

Where it still goes wrong

It isn't magic, and we have run into all of these problems:

  • The code can't see the video. The AI writes "centered title" and, in practice, the last word may touch the edge. In our tests this happened more than once. That's why, before each delivery, we extract frames from the finished video and look at them image by image.
  • Reading time is a human decision. The code animates exactly when told to. Knowing whether people managed to read it, or whether the frame stayed still too long and they swiped up, depends on watching it as a customer would. Adjustments of one second more or less were the most frequent.
  • Filmed people still need a camera. Code draws text, icons and charts. Faces, real products and the store's environment still come from filming, or from AI-generated clips, which have their own limits, explained in the post on AI advertising video.
  • Music is a separate matter. An original AI-generated soundtrack solves part of the problem. Trending music from Instagram or TikTok can only be added through the app at the time of publishing, not during editing.

How much it costs and what you need

The tools themselves cost little or nothing. HyperFrames is free, including for commercial use. Remotion is free for individuals and companies with up to three employees; above that, the company license is paid. Rendering requires a reasonably capable computer or server. Ours runs on an ordinary server, with no graphics card.

The real cost is time and judgment: writing the script, choosing the format of each scene, reviewing frame by frame and deciding the pacing. AI greatly shortens the mechanical part, but it doesn't decide whether the video is clear to a bakery owner. That remains the part that makes a video work, as we showed in the short video guide.

When it's worth it for your business

It's worth it when you publish often and the video is made of text, numbers, products and tips: an online store showing promotions, a clinic explaining a procedure in three steps, a school showing results, a real estate agency presenting properties with specs and prices. It's also worth it for anyone who needs the same piece in several formats and networks.

It isn't worth it when the video is a story with people, emotion and a real setting. A customer testimonial, a behind-the-scenes look at the kitchen or the owner talking to the camera call for filming. In those cases, code still helps with the finishing: word-by-word captions, charts that appear next to the person and the sign-off at the end.

What to ask of whoever makes your video

  1. One version for each network, with the text inside the safe area and the right closing for each one.
  2. Fast revisions: changing the timing, text or color shouldn't cost a new quote.
  3. The reusable template: if the format worked, the next videos should come out faster and cheaper.
  4. Check frames before delivery, so you can approve what goes live.

How we work

At our agency, short videos combine three things: filming when there are people and real products, AI-generated clips when the character can be illustrated, and code animation for text, charts and per-network versions. If you want videos like this for your business, see our promotional video production.

Sources

  • X post by an AI video creator (@aimikoda), October 2026, describing the test with Claude.
  • HyperFrames repository on GitHub (heygen-com/hyperframes): Apache 2.0 license, created in March 2026.
  • Remotion license (LICENSE.md in the official repository).
  • TikTok Help Center: requirements for a profile link.
  • Reel production at Agência Primeira Página, October 2026.

Frequently asked questions

What is code-edited video?

It’s a video where each scene is described in a text file, with the text, images and timing of each animation, instead of being put together by hand in an editing program. A program reads that file and renders the video frame by frame. Open tools like Remotion and HyperFrames do this, and today an AI like Claude can write the code from a request in plain Portuguese.

Do I need to know how to code to make videos with code?

Not necessarily. The AI writes and fixes the code based on everyday requests, like “make the title bigger” or “start the animation one second earlier.” But someone still needs to review the finished video frame by frame, because the code can’t tell whether text is touching the edge or moving too fast to read.

Are Remotion and HyperFrames free?

HyperFrames is licensed under Apache 2.0 and is free to use, including commercially. Remotion is free for individuals, nonprofits and companies with up to three employees. Larger companies need the paid license.

Does code-made video work for any business?

It works best for videos built from text, numbers, products and tips that are published often, such as store promotions, service walkthroughs or property showcases. Videos with people, emotion and real settings still call for filming, and code comes in for the finishing touches, like captions and graphics.

Can I use the same video on Instagram, TikTok and Facebook?

You can, as long as the text stays away from the edges. The Facebook feed may crop the top and bottom, and on Instagram and TikTok the caption and buttons cover the bottom and the right side. With code-made video, it’s easy to generate a version for each network, swapping the ending or the link.

How long does it take to make a reel like this?

In our production, a reel of about 45 seconds takes 2 to 3 minutes to render on a standard server. Most of the time goes into the script, the choices for each scene and the revisions. Once a format is ready, the next videos come out faster, because only the text and images change.