Remotion Video Builder

What it does

Builds programmatic videos using React components rendered frame-by-frame, useful for vertical short-form videos, animated data graphics, and B-roll generated from screenshots. Integrates with existing video editing pipelines.

When to use it

• Generating short social videos from data or a script
• Needing animated graphics inside an explainer video
• Automating B-roll production from screenshots

Steps

1. Define the video's script or storyboard by segment
2. Structure the React composition around those segments
3. Animate the needed data graphics or visual elements
4. Incorporate screenshots as B-roll where applicable
5. Render a preview for review
6. Export the final video only after client approval

The skill

---
name: remotion-video-builder
description: Build React-based video compositions rendered frame-by-frame, including vertical videos, animated data graphics, and B-roll.
---

# Remotion Video Builder

## 1. What it does
Builds programmatic videos using React components rendered frame-by-frame, useful for vertical short-form videos, animated data graphics, and B-roll generated from screenshots. Integrates with existing video editing pipelines.

## 2. When to use it
- Generating short social videos from data or a script
- Needing animated graphics inside an explainer video
- Automating B-roll production from screenshots

## 3. Steps
1. Define the video's script or storyboard by segment
2. Structure the React composition around those segments
3. Animate the needed data graphics or visual elements
4. Incorporate screenshots as B-roll where applicable
5. Render a preview for review
6. Export the final video only after client approval

## 4. Safety rules
Always work in draft mode: nothing is sent, published, or paid for without explicit client approval. Never invent data, metrics, or results. No passwords, tokens, or API keys are requested or shown in chat.

## 5. Deliverable
A clear, reviewable draft of the output (text, code, report, or file), ready for the user to approve before it becomes final.

For Claude Code, save it as ~/.claude/skills/remotion-video-builder/SKILL.md. In Cursor, ChatGPT or another assistant, paste it as project instructions.