Claude Code Remotion Skill for Frame-Based Title Sequences
Plan title cards with a Remotion composition, frame rate, and sequences. Calculate segment boundaries before previewing.
中文Install in Claude Code
Use Claude Code with the full pinned skill and an existing Remotion project. The exercise uses text and shapes.
- Get the complete `cli-tool/components/skills/creative-design/remotion-best-practices` directory from the pinned GitHub checkout.
- Copy it under the target project's `.claude/skills/`. Confirm `.claude/skills/remotion-best-practices/SKILL.md`, open Claude Code at the project root, and call `/remotion-best-practices`.
Example task
Plan a 180-frame tutorial title at 30 fps. Show the course title for 90 frames and the chapter title for 90 frames. Record each start and final visible frame.What to check
The first segment covers frames 0 through 89 and the second covers 90 through 179. Total duration is six seconds. Verify the boundary in preview.
Original SKILL.md on GitHub · Updated
Frequently asked question
Why specify frames when the two sections are each three seconds?
Frame ranges make adjoining boundaries explicit. Convert to frames and preview them to detect overlaps or gaps.