How to Turn Any Website Into a Promo Video With AI: The Full Claude Pipeline

How to Turn Any Website Into a Promo Video With AI: The Full Claude Pipeline

Give me any company's website, and I'll hand you back a promo video.

That's not a pitch — it's a workflow I now run end to end, and I'm going to show you exactly how it works. No footage. No stock library. No After Effects. Just a URL, Claude, and a handful of skills running on my own machine. If you make marketing videos and you're still doing it the slow way, this is the upgrade nobody told you about.

First, some context on why you should care what I think about this. My name is Mitchel Dumlao, and I run Creative Haven, a video production company and creative agency in Austin, Texas. Over 20 years I've made work for Colgate, Sony, Spotify, and HBO. I've spent two decades doing this the traditional way — the discovery calls, the storyboards, the asset hunts, the rounds of revisions. So when I tell you AI can turn a URL into a promo video that actually holds up next to the real thing, I'm not selling hype. This is the first pipeline where the output genuinely survives that comparison.

The unlock most people miss

Before we get into steps, here's the part that trips everyone up. When I say "Claude," I don't mean the chatbot you type into in a browser. I mean Claude Code — Claude running on your own computer, where it can build real files, design with real code, and render real video. If you've only ever used ChatGPT or Gemini in a tab, this is a different tool entirely. It's the difference between asking an assistant for ideas and handing a production studio a brief.

And one thing I want to be honest about up front: this doesn't replace you or your team. It deletes the grunt work — the storyboarding, the asset gathering, the rough animation. The creative vision, the taste, the judgment brands actually pay for? That's still a human. The AI does the rough assembly. You add the creative call. The goal was never to shrink the team. It's to free it.

Here's the full pipeline, step by step.

Step 1: Feed the URL and let Claude study the business

I paste the company's URL straight into Claude with a simple prompt: study this business like a creative strategist. Read the site, pull the brand colors, find the products, figure out who the customer is, what the company actually sells, and the pain it solves — then write a video outline that explains the product to a potential customer.

A few seconds later it hands back a brief and a script: features, benefits, pain points, the solution — the exact stuff I'd normally pull out of a discovery call and an hour of digging through a website. For this walkthrough I used a real CPG collagen brand, which means if you sell a physical product — e-commerce, food and beverage, supplements — this maps directly to you. If Claude is missing something about your brand, you just tell it. It updates the outline on the spot.

Step 2: Turn the script into real design scenes

Next I turn that script into actual scenes. I use two skills here. The first is Frontend Design, Anthropic's official skill, which builds real coded layouts. The second is impeccable, which pushes those layouts from "fine" to genuinely premium — the spacing, the type, the hierarchy. Together they keep the designs from looking like AI slop.

The instruction is simple: take the script, the layout, and the brand colors you pulled, and design each scene of the explainer as a clean layout using Frontend Design and impeccable. Crucially, I tell it to use only motion graphics, the images and text from the website, and the brand's real hex codes — no stock, no AI-generated images. That keeps every frame on brand and consistent with what the company actually looks like.

Step 3: Review and approve in your browser

Claude spins up a local preview that opens right in my browser. No uploading, no exporting, no third-party tool — the designs are live on my machine. I go scene by scene and leave notes, hand them back to Claude, and it revises every slide and serves up a fresh page to review. After a couple of rounds it lands on a set of slides so clean they'd work as a standalone carousel.

Step 4: Add motion with HyperFrames

Once the scenes are approved, I bring them to life with my favorite skill, RoboNuggets' HyperFrames, which takes the approved HTML and renders it into video. I ask for smooth motion graphics on each design — ease in, ease out, slow reveals, nothing rushed — so it looks like a professional motion designer touched it. And it delivers exactly that.

Step 5: Build your own Frame.io from a screenshot

This is the step nobody else is showing you. If you've ever worked in video, you know the review layer — where clients leave notes at exact timestamps. As an editor I've used Frame.io for years; it's the industry standard for collaborative video notes. I wanted that inside my own pipeline so I could talk to Claude like a remote animator.

So I take a screenshot of the Frame.io interface, drop it into Claude, and ask it to build something similar. Minutes later I have a Frame.io-style review tool made just for my video. I scrub to any moment, leave a comment tied to that exact timestamp, and Claude reads the notes and applies the changes. It even asks clarifying questions before it starts editing. When it's done, it serves another local page to review.

Step 6: Render the final video

Last step: I ask Claude to render, and it exports the finished video into my working folder. That's it — a complete promo video for a real product, built from a URL, entirely inside Claude Code. Nothing left my machine.

Who this is for

If you run a CPG, e-commerce, or food-and-beverage brand and you need promo videos at the speed social demands, this pipeline gives you broadcast-quality motion without a broadcast budget. If you run an agency, it collapses the grunt work so your team spends its hours on concept and craft instead of asset wrangling. Either way, the takeaway is the same: AI doesn't replace the creative — it clears the runway so the creative is the only thing left to do.

Want to see it in motion? Watch the full walkthrough on YouTube at youtube.com/@mitcheldumlao.