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.
/
SubmitPromo film cut automatically with claude-motion-design
The agent researched YouTube ad styles and edited a product promo from a homepage, using the claude-motion-design skill.
0:00
Video: @seekjourney on X, shown with credit. Press play; sound is on unless you mute it.
Why it's here
A reference for what claude-motion-design can make. The creator links the repo in the post itself. We checked the link: github.com/howseen-ai/claude-motion-design.
Make one like it
- Open the claude-motion-design 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:18
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.
MOTION1:35A 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.
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.