remotion-best-practices
Remotion Best Practices
Domain-specific knowledge for writing, animating, and rendering Remotion videos in React. Mirrored from the upstream remotion-dev/skills and remotion-dev/remotion .claude snapshots — see upstream.json for SHAs and scripts/check-upstream.sh for drift detection.
This is a knowledge skill. Other skills (/cmo-remotion, /video-content, /tiktok-slideshow) chain into it for the rules. Don't invoke it directly to render a video — invoke it to ground yourself before you touch composition code.
On Activation
Read brand files in this order. Each is a soft input — every section below works at L0 with no brand at all:
brand/creative-kit.md— colors, typography, visual brand style. Drives palette, font choice, and the look of any composition you scaffold.brand/voice-profile.md— tone, vocabulary. Drives any visible text (titles, captions, subtitle phrasing).brand/audience.md— who watches. Drives pacing (tight cuts for B2C scroll feeds, longer holds for B2B explainers).brand/positioning.md— what the video is selling. Drives narrative beats and CTA copy.
If any file is missing or template, fall back to neutral defaults: 1920×1080 @ 30fps, system font stack, 6-second hold per beat. Tell the user once: "Brand files thin — using neutral defaults. Run /cmo foundation to ground future videos."