yyl-remotion-video — Claude Code skill: article to mp4 video

What yyl-remotion-video does

The skill takes your source text and builds a Remotion project around it: article.md for the material, script.md for spoken lines, outline.md for the chapter and beat plan. Inside remotion/ you get Root.tsx, Composition.tsx and per-chapter folders holding narrations.ts and timing.ts. Motion comes from useCurrentFrame(), interpolate(), Easing and Sequence. CSS transitions and GSAP are off the table for primary animation, and Tailwind animation utilities are banned too — static layout styling is fine.

Before writing files the skill picks a strength: Quick for short drafts, Standard for a normal explainer, Strict for brand or high-risk content. Defaults are 30 fps at 1920×1080. No audio is synthesized; chapter durations are estimated from narration and visual complexity, so voiceover and subtitles stay in post-production. The rendered mp4 is silent until you supply audio yourself.

Give it only a topic and it will ask for material rather than invent a whole video. Themes come from the bundled set — themes/command-film, themes/studio-white, themes/research-desk. The luxury-perspective-gallery template needs Tailwind, so the project has to be created with Tailwind support before you copy template files. Still checks are required before the final render: npx remotion still <composition-id> --frame=<frame> --scale=0.5 --output=preview-stills/<name>.png.