← ClaudeAtlas

remotion-video-toolkitlisted

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.
Silex-Research/DontPanic · ★ 2 · Code & Development · score 71
Install: claude install-skill Silex-Research/DontPanic
# 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 compon