Gallery › Brand to MP4 pipeline with Remotion

Brand to MP4 pipeline with Remotion

Brand to MP4 pipeline with Remotion is a motion video made with Claude Code + Remotion by @mistm1st. Below is the exact prompt that made it, ready to copy.

0 CommentsView on X ↗

Charts Kinetic type Product UI

Comments

Loading…

mist雨@mistm1st · all their videos

Claude Code + Remotion·2026-11-06·20 likes on X

The prompt

Open in Claude ↗

Make a 20-second, 1080x1920 vertical video at 30 fps. Scene 1 (0-4s): the title "<title>" types in, centered. Scene 2 (4-12s): a bar chart of <data> grows bar by bar, values counting up. Scene 3 (12-20s): one line of takeaway text, then the logo. Use only these colors: <hex list>. One font: <font>. Keep every text and number in one config object at the top, so I can change them without touching the animation code. Show me the plan first, then write the scenes, then tell me how to preview it.

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 locks the look: colours, type and style are named up front.
It's storyboarded as scenes with explicit transitions between them.

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

Install the skill

npx create-video --yes --blank my-video && cd my-video && npx remotion skills add

Brand to MP4 pipeline with Remotion

Comments

More like this

Full-code 'most disturbing animal' vertical Short — entire prompt with XML sections

Claude Opus 5.5 15-second motion-graphics showreel from one sentence

手把手教你做 Vibecoding 知识大赏 — two code-rendered knowledge films + a Codex Skill

Seedance 2.5 live-action Seoul petrol station scene (#MadeWithFrameo)

Every video you see is now a template — /reverse-any-video, one prompt, no human edits

HyperFrames product announcement video