There's a free open-source tool called Remotion that lets you make beautiful vertical videos. Normally you'd need to be a developer to use it — but with Claude Code, you don't. You just hand Claude the prompt below and it does all the technical bits for you.

That's it. That's the whole playbook. The prompt is doing the heavy lifting. Everything else on this page is just where to get the tools and where to paste the prompt.

Two things, both free or things you probably already have:

• 1. A Claude account. If you've never used Claude before, sign up at claude.ai. The free plan is enough to try this — but if you want to make videos regularly, you'll want Pro.
• 2. Claude Code. This is the version of Claude that runs on your computer (vs. in your browser). Install it from claude.com/claude-code — the page walks you through it.

That's the whole list. No paid AI video tools. No designer. No developer. If you've installed Claude Code, you've already done the hardest part.

I'm not going to teach you to install Remotion on this page — the Remotion team have already written the install guide and they keep it up to date. So all you need are these two links:

• 🛠 Remotion (the video framework)

  This is the open-source library that turns code into video. The README on their GitHub has the install instructions — just follow them top to bottom.

  → github.com/remotion-dev/remotion

• ✨ Remotion Skills (the secret sauce)

  This is a free repo of best-practice "skills" that teach Claude how to write good Remotion code. Without it, Claude guesses. With it, Claude knows the patterns. The README walks through how to install it as a Claude Code skill.

  → github.com/remotion-dev/skills

If the install gets stuck somewhere, paste the error into Claude and ask it to help you debug. That's literally how I do it. You don't need to understand the error — Claude does.

Once Remotion is installed and the Skills repo is set up, this is the prompt you paste into Claude Code. It tells Claude exactly what kind of video to make, what colours to use, how the animations should behave, and what to do when it's done.

Copy it once. Save it somewhere you can find again (Notes app, a sticky note, wherever). Every new video, you paste this same prompt and just swap the topic in the second line — that's the only thing that changes.

Use the Remotion best practices skill.
Create an educational explainer video (1080x1920, 30fps, 30 seconds) that teaches "How AI Agents Work".

SAFE ZONE: All text and key content must stay within the safe zone — at least 150px from the top (platform search bars, status bar) and 170px from the bottom (navigation buttons, swipe-up UI). Side margins: 60px minimum. Nothing important should touch the edges. MINIMUM FONT SIZES: Headlines 56px+, body/subtitles 36px+, labels/small text 28px absolute minimum. Nothing under 28px — it's unreadable on mobile.

STEP 1 — RESEARCH & SCRIPT: Before writing any code, research the topic and write a 5-scene script. Each scene needs: a one-line headline, 1–2 sentences of explanation, and a visual description of what to animate. Show me the script and wait for approval before coding.

STEP 2 — DESIGN & ANIMATE: After I approve the script, build all 5 scenes with these specs:

VISUAL STYLE:
- Background: #0a0a0a
- Primary text: white
- Accent: #6366f1 (indigo)
- Success/emphasis: #22c55e (green)
- Font: Inter (weights 400, 600, 800)
- All icons/diagrams built as SVG components (no external assets needed)

ANIMATION RULES:
- Every element enters with spring({ damping: 200 }) — no linear motion
- Stagger related items by 8-12 frames
- Use TransitionSeries with 12-frame fade transitions between scenes
- Diagrams and flowcharts should draw themselves (SVG stroke-dashoffset animation)
- Key numbers use count-up animation with interpolate() and tabular-nums
- Final scene: particle effect background (10-15 circles drifting upward)

Each scene should have a clear visual metaphor — diagrams, flowcharts, icons, or step-by-step animations. No walls of text. Think Kurzgesagt meets Fireship: dense information, beautiful motion, fast pacing.

PREVIEW: After building, launch Remotion Studio (npx remotion studio) so I can preview the video in my browser.

Once you've installed Remotion + the Skills repo and you've got the prompt copied, this is your forever workflow. It looks like four steps because I'm being thorough, but in real life it's "open Claude, paste prompt, wait, watch."

1. Open your Remotion project in Claude Code. Same folder where you installed Remotion.
2. Paste the prompt — but change the topic on the second line. Want a video on RAG? Change "How AI Agents Work" to "What is RAG". That's it.
3. Approve the 5-scene script when Claude shows it to you. If you don't like a scene, tell Claude what to change.
4. Watch Claude build the video. When it's done it'll open a preview in your browser. If you like it, ask Claude to render it to mp4 — done.

Topics you could try first

Start with something you already know well — that way you can tell when Claude gets it wrong. A few I've made: