Gallery › Treat video like code: frame-exact Claude + Remotion workflow

Treat video like code: frame-exact Claude + Remotion workflow

Treat video like code: frame-exact Claude + Remotion workflow is a motion video made with Claude Opus 5.5 + Remotion by @Yarad_ai, 0:20 long. Below is the exact skill that made it, ready to copy.

0 CommentsView on X ↗

Comments

Loading…

Yarad@Yarad_ai · all their videos

Claude Opus 5.5 + Remotion·2026-10-25·5 likes on X

The prompt

Open in Claude ↗

npx skills add remotion-dev/skills

Workflow: 1) Fix duration and frame rate (20s at 30fps = 600 frames). 2) Define main events: element entry, motion, result, pause for reading, end. 3) Give Claude exact frame timing per event (button appears by frame 90, click at frame 195, result readable from frame 234). 4) Install the official Remotion skills. 5) Review static key frames before the full render. Flow: Brief, animation generation, static frame review, precise fixes, final render.

Why this prompt works

It's timed: the prompt spells out what happens second by second, so the model doesn't guess the pacing.
It names the rendering stack, so the agent writes code it can actually render to video.

Make it yours

Fill in what you need and copy a version written for your project. Nothing leaves your browser.

What's it for Format Length Colours and style Must include