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.
/
SubmitBeat-synced showreel from hyperframes-motion-reel
A first try of the motion-reel skill: a showreel timed to music, generated by the agent.
0:00
Video: @hAru_mAki_ch on X, shown with credit. Press play; sound is on unless you mute it.
Why it's here
A reference for what hyperframes-motion-reel can make. The creator links the repo in the first reply under the video. We checked the link: github.com/sunwood-ai-labs/hyperframes-motion-reel-skill.
Make one like it
- Open the hyperframes-motion-reel 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.