This Remotion tutorial is intentionally short: get a composition running, then accelerate with Shotpack recipes instead of hand-tuning every spring.
1. Scaffold
Follow the official Remotion getting-started docs to create a project and open Studio. Confirm you can change text and see frames update.
2. Learn the three primitives
useCurrentFrame()/useVideoConfig()— timespring/interpolate— motionSequence/Series— editing
Official docs remain canonical for API details. Shotpack does not replace them.
3. Steal a tuned shot
Pick a free Shotpack shot and copy its demo.tsx structure:
- Title: letterspace-materialize
- Transition: wipe-transitions
- UI morph: morph-from-primitive
Treat the file as the teacher: duration, easing, layout.
4. Add an agent
When you are ready for Claude / Cursor: How to use Remotion with Claude.
中文读者（remotion 教程）
若你在搜「remotion 教程 / remotion 是什么」：Remotion 是用 React 写视频的框架；Shotpack 提供可远程拉取的镜头配方与免费 demo.tsx。先打开 Library，再把 llms.txt 交给 Agent。付费核心包见 Pricing。完整中文版 skill 指南见 Remotion Skill 中文指南。