How the course is organized
From setup to render. You install the skill, understand how to think, dominates each library, builds real projects e renders with the right settings.
Setup
2 commands install the skill. Why it changes everything, and how to talk with Claude.
Libraries
GSAP, D3, Three.js, Lottie, Framer—what each does best and when to use it.
Projects
4 complete pieces: SaaS, data story, 3D commercial, and app onboarding.
Production
Motion path, transparent (alpha) render, and iteration that build quality.
The 4 tracks
⚙️ Fundamentals & Setup
Install the skill, understand why it changes everything, and learn the right way to prompt: start simple and iterate.
Start here →🧩 The Libraries
GSAP, D3, Three.js, Lottie, and Framer Motion—what each does best, when to use it, and how to ask Claude.
Explore libraries →🛠️ Practical Projects
SaaS walkthrough (GSAP), data story (D3), motorcycle commercial (Three.js), and banking onboarding (Lottie).
Build →🎬 Production & Delivery
Trajectory control, rendering with an alpha channel (ProRes 4444 XQ / PNG), and the iteration cycle that shapes quality.
Finish →💡 Before you start
It helps to have the Claude Code installed and the idea that, in Remotion, video is a function of the frame. If you want the basics, see the Remotion course (81 templates). Here, the focus is combining Claude Code with web animation libraries.