| name | remotion-video-toolkit |
| description | Complete toolkit for programmatic video creation with Remotion + React. Covers animations, timing, rendering (CLI/Node.js/Lambda/Cloud Run), captions, 3D, charts, text effects, transitions, and media handling. Use when writing Remotion code, building video generation pipelines, or creating data-driven video templates. |
| description_zh | 用 React + Remotion 编写代码生成程序化视频，支持动画、字幕、3D、云端渲染 |
| description_en | Programmatic video creation with Remotion + React: animations, rendering, captions, 3D, cloud rendering |
| version | 1.4.1 |
| display_name | Remotion 视频创作 |
| display_name_en | Remotion Video Toolkit |
| visibility | public |
Remotion Video Toolkit
Write React components, get real MP4 videos. This skill teaches your AI agent how to build with Remotion — from a first animation to a production rendering pipeline.
29 rules. Every major Remotion feature covered.
What you can build with this
Personalized video at scale
Feed user data as JSON props, render a unique video per user. Think Spotify Wrapped, GitHub Unwrapped, onboarding walkthroughs — one template, thousands of outputs.
Automated social media clips
Pull live data (stats, leaderboards, product metrics) and render daily or weekly video posts without anyone touching a timeline editor.
Dynamic ads and marketing videos
Swap in customer name, product image, pricing. Same template, infinite variations. Render server-side via API or Lambda.
Animated data visualizations
Turn dashboards and KPI reports into shareable video clips with animated charts and transitions.
TikTok and Reels captions
Transcribe audio, display word-by-word highlighted subtitles, export ready for upload.
Product showcase videos
Auto-generate from your database — images, specs, pricing — straight to MP4.
Educational and explainer content
Animated course materials, certificate videos, step-by-step walkthroughs — all driven by code.
Video generation as a service
Expose rendering as an HTTP endpoint. Your app sends JSON, gets back a video file.
Requirements
- Node.js 18+
- React 18+ (Remotion renders React components frame-by-frame)
- Remotion — scaffold with
npx create-video@latest
- FFmpeg — ships with
@remotion/renderer, no separate install needed
- For serverless rendering: AWS account (Lambda) or GCP account (Cloud Run)
What's inside
Core
| Rule | Description |
|---|
| Compositions | Define videos, stills, folders, default props, dynamic metadata |
| Rendering | CLI, Node.js API, AWS Lambda, Cloud Run, Express server patterns |
