DIY AI Marketing Coach › Make AI videos with Claude Code + Remotion

AI Marketing · Video Creation · Free & Local

Make unlimited AI videos free with Claude Code + Remotion.

Install one free skill called Remotion in Claude Code, add the Claude in Chrome extension, and Claude can write, design and render finished videos right on your computer — explainers, product launches, testimonial reels, edited avatar videos and animated data infographics. No render credits, no monthly video tool, runs 100% local. Every command and prompt on this page is copy-paste ready, so you can start making real videos today, then auto-post them with Blotato.

1 free skill Remotion open source 9:16 + 16:9 Claude Code $20 plan No render credits

▶ Watch the tutorial ① Install ② Claude in Chrome ③ 5 video prompts ④ Auto-post ⌘ Run it in Claude Code

▶

Watch once, then follow the steps

The full reference walkthrough — five video styles built live in Claude Code with the Remotion skill.

🎬 Reference tutorial — "Make Unlimited AI Video for Free with Claude!" by Sabrina Ramonov (~50 min). This page turns it into copy-paste steps tuned for your own business. Open on YouTube →

What you'll build. One setup, five distinct video styles, then automated posting — each one driven from a single Claude Code prompt.

1 Explainer

Education animated explainer

An animated concept video (e.g. "how AI agents work") with motion, diagrams and a script — no footage needed.

2 Product

Product launch from your website

Feed your site URL; Claude grabs screenshots, brand colours and product images and builds a launch video.

3 Reviews

Google testimonials reel

Point it at a Google Business Profile; it pulls real reviews into an animated social testimonial video.

4 Avatar

Edit an existing avatar video

Drop in raw avatar footage; Claude adds title, captions, graphics and relevant screenshot b-roll over the talking head.

5 Data viz

Animated data infographics

Turn a research paper or dataset into an animated chart video — perfect as a talking-head green-screen background.

★ Then

Auto-post everywhere

Hand the finished clip to Blotato (or your social-automation flow) to publish and schedule across every channel.

Install the free Remotion skill in Claude Code

Remotion is a free, open-source skill (not an MCP server), so it barely uses tokens and has zero render credits. This step is required — without it you can't make any videos.

This needs Claude Code (the terminal / VS Code agent), not the desktop Claude app. The $20/month plan is enough — because it's a skill, it doesn't burn many tokens.

Open your terminal and move into a working folder. If you don't have one, make a playground folder and go into it.
Run the install command below. It first installs the skills tool, then Remotion — Remotion takes a few minutes, so let it finish.
Restart your Claude Code session afterwards so it picks up the new skill.

Terminal · macOS / Linuxbash

# make a working folder (skip if you already have one)
mkdir playground && cd playground

# install the free Remotion skill into Claude Code
npx skills add remotion-dev/skills

Prefer plain English? If the command looks intimidating, just open Claude Code and type the prompt below instead. It takes a little longer (Claude has to figure out what the pre-built skill is) but it works the same way.

Claude Code · alternative installprompt

Install the pre-built skill Remotion.

Terminal · verify the installbash

# you should see the Remotion skill directory with rule files
# project scope:
ls .claude/skills/remotion/
# or global scope:
ls ~/.claude/skills/
# then fully quit and reopen Claude Code so the skill loads

Claude Code terminal showing Skill(remotion) Successfully loaded skill, then reading rule files and researching the topic.

Skill loaded. After restarting, your prompt should trigger Skill(remotion) · Successfully loaded skill — then Claude reads the Remotion rule files and researches your topic before writing any code.

If Claude doesn't use Remotion after installing, fully quit Claude Code (not just close the window) and reopen — skills load at session start.

Add the Claude in Chrome extension

This lets Claude open your Chrome browser, navigate to a website or Google Business Profile, and take real screenshots to use as video assets — product images, brand colours, reviews and b-roll.

Search for Claude Chrome extension on Google (or from Claude) and open the official extension page.
Install it to Chrome — you'll see the Claude icon appear in your browser toolbar.
That's it. You don't open it manually — Claude Code detects the extension and launches it automatically when a prompt needs screenshots.

Claude in Chrome at work. Lines like Claude in Chrome [screenshot] mean Claude is driving your browser — navigating the URL you gave it, scrolling, and pulling images, brand colours and copy straight into the video.

Get the extension: anthropic.com/claude-in-chrome · or search the Chrome Web Store for "Claude". When prompted in Claude Code, choose Always allow so it stops asking on every screenshot.

Five video prompts — copy, paste, generate

Paste any prompt into Claude Code with the Remotion skill installed. Swap the [bracketed] parts for your own business, then let it write the script, design the scenes and render. Tip: tell it to "ask me 3 questions about my brand kit" and it will match your colours and fonts.

① Education animated explainer

A concept video with motion, diagrams and a narrated script — no footage required.

Claude Code showing a detailed explainer prompt with safe-zone, design rules and a six-scene storyboard for 'How AI Agents Work'.

The explainer brief. Claude turns one prompt into a design spec (safe-zone, colours, animation rules) and a six-scene storyboard, then asks for approval before coding.

Prompt · Education explainer (9:16)prompt

Using the Remotion best-practices skill, create an educational
explainer video titled "[How AI Agents Work]".

Format: 9:16 vertical, 30fps, about 30 seconds.
Design: dark background, white primary text, one accent colour,
big safe margins so nothing overlaps social UI.
Structure: a 1-line hook, then 5 scenes, each one new headline +
1-2 sentences, with a clear visual metaphor / diagram / icons.
No walls of text. Use staggered entrances and smooth transitions.
Add a soft royalty-free background track at low volume.
First write the script + scene outline and wait for my approval
before coding. After approval, build it and launch Remotion Studio
so I can preview it in the browser.

Finished 'The agent loop: think, act, observe, repeat' animated explainer playing in Remotion Studio.

The finished explainer previewing in Remotion Studio — animated scenes, captions and timeline, all generated from the prompt above.

② Product launch from your website

Feed your site URL — Claude in Chrome grabs screenshots, brand colours and product images automatically.

Prompt · Product launch (uses Claude in Chrome)prompt

Using the Remotion skill, make a product launch video for my
website [https://www.eatcookjoy-uae.com].

Use Claude in Chrome to open the site, identify the product, pull
the brand colours, key features, social proof and product images
(download the product images and embed them in the video).
Then write a 6-scene storyboard for a punchy launch video,
9:16, on-brand. Show me the script + storyboard first, then build
it and open Remotion Studio to preview.

Auto-research. Claude visits your site, screenshots it, and builds a summary table of product, brand colours, social proof and downloaded product images — then storyboards the launch video.

③ Google testimonials reel

Great for clients or your own business — pulls real Google reviews into an animated social proof video.

Prompt · Google testimonials (light theme)prompt

Using the Remotion skill, create a social-media video showcasing
Google Business reviews for [business name / Google profile URL].

Use Claude in Chrome to open the Google Business Profile and read
3 real reviews. Build a 9:16 video with a strong hook, each review
as an animated card with star ratings, and a closing CTA.
Use a clean light theme. Keep all text inside the safe zone so it
never overlaps the social buttons or search bar.
Ask me 3 quick questions about my brand kit, then match those
colours. Show the storyboard first, then build and preview in
Remotion Studio.

④ Edit an existing avatar video

Drop in raw footage (e.g. a HeyGen avatar). Claude adds a title, animated captions, graphics and screenshot b-roll over the talking head — using FFmpeg to read the audio and transcript.

Prompt · Avatar edit + b-rollprompt

Using the Remotion skill, edit my existing video at
[public/avatar.mp4].

Use FFmpeg/Whisper to transcribe the audio and align captions.
Add: an animated title card, clean animated sub-captions at the
bottom, and relevant b-roll — for each tool/course I mention, use
Claude in Chrome to fetch a screenshot of that website and overlay
it while I'm talking about it.
Keep my original audio. Output 9:16. Show me the transcript +
overlay plan first, then build and open Remotion Studio.

Transcript & overlay plan. Claude reads the avatar's audio with FFmpeg + Whisper, then proposes timed overlays (hook headline, b-roll screenshots, save/CTA) before editing.

⑤ Animated data-viz infographic

Turn a dataset or research paper into an animated chart video — ideal as a green-screen background you talk over.

Prompt · Data visualization videoprompt

Using the Remotion skill, create an animated data-visualization
video about [the AI research explosion / your topic].

1080x1920, 30fps, ~15 seconds, dark theme.
Panel 1: a KPI hero number with a count-up animation + source.
Panel 2: an animated horizontal bar chart by subfield.
Panel 3: a line chart that draws left-to-right with points
popping in and a gradient fill below the line.
Pull the numbers from [paste data / cite a research paper];
if no CSV exists, research the data and create one.
Add a low-volume background track. Show the proposed dashboard
first, then build and preview in Remotion Studio. Afterwards I may
ask you to switch it to a light theme.

Claude Code proposing a data dashboard: KPI hero number, bar chart by subfield, line chart, with sourcing.

Data dashboard plan. Claude researches the figures, proposes KPI + bar + line panels, and renders them as animated SVG — swap dark/light theme in a one-line follow-up.

Remotion Studio interface with a compositions list on the left, video preview centre, and timeline at the bottom.

Preview & export in Remotion Studio. Every video opens at localhost:3000 — pick the composition on the left, scrub the timeline, tweak with a follow-up prompt, then export the MP4.

Auto-post the finished video everywhere

Once a clip is rendered, hand it to your social-automation flow. Claude can draft the caption and Blotato renders the right ratio per network and schedules it.

Export the MP4 from Remotion Studio (9:16 for Reels / TikTok / Shorts, 16:9 for YouTube).
Draft the caption — ask Claude Code to write a platform-matched caption and hashtags from the video content.
Publish & schedule through Blotato: pick your channels, paste one short post, and it renders the correct ratio for each and schedules it.

Claude Code drafting an Instagram caption for the explainer video and posting it via the Blotato MCP create-post tool.

Caption + post. Claude drafts the caption, shows it for approval, then posts through the Blotato create-post step — no manual uploading.

Blotato content calendar showing scheduled posts across multiple days and channels.

Scheduled across channels. Blotato lays out the finished clips on a calendar and publishes to every connected network at the right time.

📸 Blotato screen-by-screen flow → 🍌 Nano Banana clip generator → 🤖 Back to the Marketing Coach →

⌘

All the Claude Code commands in one place

Everything you need to copy, in order — from zero to your first rendered video. Each block has a copy button.

Action	What to do
Open Claude Code	Terminal → type `claude` (needs the Claude Code CLI + an active plan; the $20 plan is fine).
Install Remotion	`npx skills add remotion-dev/skills` — or in Claude Code: "Install the pre-built skill Remotion."
Restart session	Fully quit and reopen Claude Code so the skill loads.
Add Claude in Chrome	Install the Claude Chrome extension so Claude can screenshot websites + reviews.
Make a video	Paste any of the five prompts above and approve the storyboard.
Preview	Open `localhost:3000` (Remotion Studio) to preview, tweak and export the MP4.
Post	Draft the caption in Claude Code, then publish + schedule via Blotato.

Quick-start · paste line by linebash

# 1 · launch Claude Code
claude

# 2 · install the free Remotion skill (run in your terminal)
mkdir playground && cd playground
npx skills add remotion-dev/skills

# 3 · verify, then fully restart Claude Code
ls .claude/skills/remotion/   # (project) or: ls ~/.claude/skills/

# 4 · in Claude Code, kick off a video (example)
#    "Using the Remotion best-practices skill, create an
#     educational explainer video titled 'How AI Agents Work'..."

# 5 · preview & export
#    open http://localhost:3000  (Remotion Studio)

Why it's free & unlimited. Remotion is open source and runs locally — there's no per-video render credit or billing. Making 1 video or 100 costs the same: nothing beyond your normal Claude Code plan.

🔗

Links & credits

Reference tutorial · "Make Unlimited AI Video for Free with Claude!" — Sabrina Ramonov (YouTube)
Remotion skill · github.com/remotion-dev/skills · remotion.dev
Claude in Chrome · anthropic.com/claude-in-chrome
Claude Code · claude.com/product/claude-code
Blotato · my.blotato.com · screen-by-screen flow on this site
Nano Banana clip generator · azizsaif.com/videos — the prompt-to-clip companion SOP