Lilly Tech Systems
Remotion + Claude Code — AI Video Creation
Create videos programmatically with React and AI. Describe what you want, and Claude Code writes the Remotion components, animations, and compositions. No video editing software needed.
What You'll Learn
By the end of this course, you'll be able to create professional videos using React code and AI assistance from Claude Code CLI.
Programmatic Video
Create videos with React components instead of drag-and-drop editors. Every frame is code you control.
AI-Generated Code
Describe video scenes in natural language and Claude Code writes the Remotion components for you.
Animations & Effects
Master spring animations, interpolation, easing, transitions, and complex motion graphics.
Rendering & Deployment
Render to MP4, WebM, or GIF. Use cloud rendering for batch processing and CI/CD pipelines.
Course Lessons
Follow the lessons in order or jump to any topic you need.
1. Introduction
What is Remotion? Why combine it with Claude Code? Discover what you can create: explainers, social content, data visualizations.
2. Setup
Install Remotion, understand project structure, configure Claude Code, and create your first AI-generated video component.
3. Creating Videos
Text animations, image sequences, data-driven videos, React components, CSS styling, audio, and multi-scene compositions.
4. Animations & Effects
Spring animations, interpolation, easing, parallax, SVG animations, Lottie integration, and AI-prompted effects.
5. Rendering
Render to MP4/WebM/GIF, cloud rendering with Lambda, batch processing, quality settings, and CI/CD integration.
6. Best Practices
Video composition tips, effective Claude Code prompts, performance optimization, asset management, and templates.
Prerequisites
What you need before starting this course.
- Basic knowledge of React and JavaScript/TypeScript
- Node.js 18+ installed on your machine
- Claude Code CLI installed and configured
- A code editor (VS Code recommended)
- Familiarity with CSS for styling video scenes