MOTION0:22Raw assets to a reusable video system with Remotion
The Remotion skills turned a pile of assets into reusable video compositions; the post shows the process and the result.
/
SubmitA demo video animated with Claude Code + Remotion
Made with Claude Code + Remotion. Remotion is free and open source: the main button takes you to it.
0:00
Video: @timkochjar on X, shown with credit. Press play; sound is on unless you mute it.
Why it's here
A reference for what Remotion skills can make. The creator says it was made with this tool, and the repo is public. We checked the link: github.com/remotion-dev/skills.
Make one like it
- Open the Remotion skills page and follow the install steps.
- Describe the video you want in plain words: subject, length, mood, music.
- Let the agent render it, then ask for changes (pacing, colours, text) until it looks right.
Sources & credit
The video belongs to its creator and is shown with credit. Want it removed or credited differently? Tell us.
More reference videos
MOTION0:22
MOTION0:18HyperFrames demo: animated video from HTML, CSS and JS
A short tour of what HyperFrames renders, plus its built-in editor. Works in Claude Code, Cursor, Codex and Gemini.
MOTION1:20HyperFrames Studio: a video editor built for agents
Made with HyperFrames. HyperFrames is free and open source: the main button takes you to it.
MOTION0:10Japanese product promo made in Claude Code
Made with Claude Code + HyperFrames. HyperFrames is free and open source: the main button takes you to it.
MOTION0:30"What day is it?" answered as a 30-second motion piece
Made with HyperFrames + Claude. HyperFrames is free and open source: the main button takes you to it.
MOTION1:04Live-coding music video built on HyperFrames
A custom skill pairs Strudel beats with HyperFrames visuals, so the agent composes the track and the video together.