A promo video for your website

To make a promo video for your website with AI, give Claude Code your site's address, the length you want and where the video will be posted, and let it build the video with HyperFrames. It captures the site, reuses its real words, colors and screenshots, adds music and sound effects, checks its own work and renders an MP4 you can post.

This guide shows one real run that started from a single sentence, then the small changes to the prompt that give you more control over the result.

The one-sentence run

In a fresh setup with the Motion Cheat Code pack installed, set up the way a buyer would, the whole prompt was this sentence:

Make a 15-second promo video for my website motioncheatcode.com

Nobody typed anything after it: no follow-up prompts, no answers to questions and no fixes after the render. This is one logged run, not an average or a promise, and it was the product's own website.

What Claude Code did, step by step

1. It read the skills. The pack's skills and the official HyperFrames skills describe the house style, the kit and the checks, so Claude Code reads them before it builds anything.
2. It captured the website. npx hyperframes capture opens the site and saves screenshots, the visible text, and the colors and fonts the page uses.
3. It made the choices and wrote them down. The kit's skills normally ask a few questions first, such as where the video will be posted and which angle to take. Nobody answered, so it decided itself and wrote every choice and its reason into a file called BRIEF.md.
4. It built the video from the site. The words, numbers and screenshots on screen came from the site itself. The music and sound effects came from the kit.
5. It checked its own work, then rendered. The MP4 was rendered only after its checks were done.

From pressing Enter to the finished MP4 took about 23 minutes. Most of that went into reading the skills, capturing the website, building and checking. Times vary with the prompt, the computer and the network, so read it as "one real run took about 23 minutes".

Name the length and where it will be posted

One sentence can work, but two details change the result the most: the length and the place it will be posted. Here is a better version of the same prompt:

Make a 15-second Instagram reel for www.example.com with music and sound effects. Decide everything yourself.

Why each part is there:

• "15-second" fixes the length, so the scenes and the ending are planned for it. Every track in the kit also has a 15-second edit with a real ending.
• "Instagram reel" sets the 1080 x 1920 canvas and keeps text inside the area the app does not cover, the Reels safe zone. Say "TikTok" or "YouTube Short" if that is where it goes.
• "for www.example.com" is the source. Use your real address: the capture is where the words and screenshots come from.
• "with music and sound effects" makes sound part of the brief instead of an afterthought. See music for Reels and ads for levels.
• "Decide everything yourself" skips the questions. Ask it to write its choices into BRIEF.md, as it did in the demo run, so you can change one decision instead of starting over.

Need a widescreen version for the website itself? Ask for 1920 x 1080 as well; the story can stay the same.

Let it decide, or answer its questions

Leave out "Decide everything yourself" and the skills ask first: where the video will be posted, and which angle to take. Answering is quick and aims the video at your goal, for example new visitors who do not know the product yet, or existing customers who should see a new feature. Deciding is faster; answering is more precise.

For full control, write the brief yourself in five parts: format, scenes, style, sound and render. The guide to prompt structure shows how.

Check the facts on screen

A promo is a claim about your business. The kit's website prompts tell Claude Code to use only words and facts from your site, with no invented features, numbers or quotes, but you are the one who knows what is true today. Before you post, watch the video and check:

• every number, price and date against the live site,
• product and feature names, spelled the way you spell them,
• the address and the button text on the closing card,
• that no text sits under the app's buttons.

If the capture is blocked, Claude Code should stop and say so rather than fill the gaps.

Render and post

Changes are a sentence each: "hold the closing card a second longer", "use the darker screenshot", "make the music quieter". Claude Code edits the page and renders again. Because the video is code, the same input gives the same frames, so nothing moves that you did not ask to change. The MP4 lands in the project's renders folder, ready to send to your phone. The full loop is in making a Reel with Claude Code.

Try it yourself

The one-sentence run relied on the full pack, whose skills, music and sound effects did the deciding. The free starter kit, for a Mac or Windows computer, lets you try the same build, check and render loop on a template first.