> Canonical URL: https://codingcat.dev/course/programmatic-video-react-remotion-agent-skills

# Flagship 1: Programmatic Video with React, Remotion & Agent Skills | CodingCat.dev Course

🧶 CodingCat.dev Course5 Lessons[▶ Watch Course Playlist on YouTube ↗](https://www.youtube.com/@codingcatdev/playlists?sub_confirmation=1)[Start Course →](/course/programmatic-video-react-remotion-agent-skills/lesson/programmatic-video-react-remotion-agent-skills-lesson-1-usecurrentframe)

# Flagship 1: Programmatic Video with React, Remotion & Agent Skills

![Flagship 1: Programmatic Video with React, Remotion & Agent Skills Architecture Diagram](https://cdn.sanity.io/images/hfh83o0w/production/325eaefb4ffb21b2462f67915dea315a0ddbaeb4-1376x768.png?w=1376&q=82&fit=max&auto=format)

## Course Architecture Overview

Master declarative React video composition with Remotion and Remotion Skills. Learn how to teach AI coding agents to render multi-aspect-ratio 60fps product launch videos without timer drift.

> Primary Open-Source Repository: github.com/remotion-dev/remotion + github.com/remotion-dev/skills

## course lessons.

1

### Core Architecture & Deterministic Implementation

- [1.1Lesson 1: Deterministic Frame Math with useCurrentFrame()Welcome to Lesson 1 of Flagship 1: Programmatic Video with React, Remotion & Agent Skills on CodingCat.dev. Today we break down Deterministic Frame Math with useCurrentFrame() and see how it powers our deterministic 3D AJ and code-rendered video pipeline.📖 Written LessonStart Lesson →](/course/programmatic-video-react-remotion-agent-skills/lesson/programmatic-video-react-remotion-agent-skills-lesson-1-usecurrentframe)
- [1.2Lesson 2: Wiring remotion-dev/skills into Claude Code & AntigravityWelcome to Lesson 2 of Flagship 1: Programmatic Video with React, Remotion & Agent Skills on CodingCat.dev. Today we break down Wiring remotion-dev/skills into Claude Code & Antigravity and see how it powers our deterministic 3D AJ and code-rendered video pipeline.📖 Written LessonStart Lesson →](/course/programmatic-video-react-remotion-agent-skills/lesson/programmatic-video-react-remotion-agent-skills-lesson-2-agent-skills)
- [1.3Lesson 3: Physics-Based Spring Transitions & Sequence CompositionWelcome to Lesson 3 of Flagship 1: Programmatic Video with React, Remotion & Agent Skills on CodingCat.dev. Today we break down Physics-Based Spring Transitions & Sequence Composition and see how it powers our deterministic 3D AJ and code-rendered video pipeline.📖 Written LessonStart Lesson →](/course/programmatic-video-react-remotion-agent-skills/lesson/programmatic-video-react-remotion-agent-skills-lesson-3-spring-math)
- [1.4Lesson 4: Multi-Aspect-Ratio Adaptive Layouts (16:9, 9:16, 1:1)Welcome to Lesson 4 of Flagship 1: Programmatic Video with React, Remotion & Agent Skills on CodingCat.dev. Today we break down Multi-Aspect-Ratio Adaptive Layouts (16:9, 9:16, 1:1) and see how it powers our deterministic 3D AJ and code-rendered video pipeline.📖 Written LessonStart Lesson →](/course/programmatic-video-react-remotion-agent-skills/lesson/programmatic-video-react-remotion-agent-skills-lesson-4-adaptive-ratio)
- [1.5Lesson 5: Distributed Lambda & Local RTX 5090 MP4 RenderingWelcome to Lesson 5 of Flagship 1: Programmatic Video with React, Remotion & Agent Skills on CodingCat.dev. Today we break down Distributed Lambda & Local RTX 5090 MP4 Rendering and see how it powers our deterministic 3D AJ and code-rendered video pipeline.📖 Written LessonStart Lesson →](/course/programmatic-video-react-remotion-agent-skills/lesson/programmatic-video-react-remotion-agent-skills-lesson-5-parallel-render)

✏️ Visual Architecture Diagram

## how this course connects together.

Follow AJ from first principles to production-ready architecture.

Let’s build it!✏️ Visual Diagram: Flagship 1: Programmatic Video with React, Remot…✓ Good PatternVISUAL DIAGRAM[Diagram Walkthrough]Step-by-step diagram breakdown for Flagship 1: Programmatic Video with React, Remotion & Agent Skills: start with Core Architecture & Deterministic Implementation, implement Hands-On Implementation, and ship to production.AAA Contrast Verified