HyperFrames Motion Reel skill
Claude Code skill: turns a one-line theme into a beat-synced HyperFrames showreel with morph transitions and generated sound.
- 185 ★ on the repository
- Last commit
- MIT
Minimal access
Why this level
- The skill runs animation code, rendering and local tools on your machine.
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/hyperframes-motion-reelDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- The skill runs animation code, rendering and local tools on your machine.
This is third-party code. Review the repository files before installing.
What it does
hyperframes-motion-reel tells Claude Code to act as a senior motion designer and creative coder. From a short theme (with optional images or voice) it expands a world, copy, design system, beat-by-beat timeline and generated assets, then assembles a render-ready HyperFrames video. It is a port of `remotion-motion-reel` onto free Apache-2.0 tooling, so no Remotion Company License is needed. Every cut and impact is written as `b(n)` on a 120 BPM, 60 FPS grid. Animation has two layers: a paused GSAP timeline for choreography and a pure `render(t)` function for generative Canvas and SVG layers. Sound (kick, hi-hat, impact, rise, sub bass) is written as WAV with Node.js built-ins alone, from the same beat table. The random generator is seeded, so rendering is deterministic. The verification loop is `lint`, `check` with zero findings, snapshot review, `render`, then `ffprobe` and `ffmpeg` frame spot-checks.
Who it is for. Motion designers and developers who need a short beat-driven video for a launch or showreel built in code rather than edited.
Good fit when
- A 9:16 product launch teaser is made from a single line with the theme.
- A video is synced to a 128 BPM beat and its sound comes from the same code.
- A showreel from ready images and a character voice is built without manual editing.
- Commercial work is needed without a Remotion license.
Not a fit when
- Live camera footage must be edited, while the skill builds graphics in code.
- The environment has no Node.js, Chrome and `ffmpeg`.
- One simple transition with no animation and sound is enough.
Example request
/hyperframes-motion-reel Neon Tokyo night drive, 20 seconds, BPM 128.Limitations
The current LTS Node.js with `npx`, Google Chrome for the HyperFrames renderer and `ffmpeg` with `ffprobe` on `PATH` for the final check are required. During a run the skill loads the HyperFrames domain skills, which must be installed separately. Defaults (120 BPM, 60 FPS) can be overridden in the prompt. Rendering loads the CPU heavily, and video quality depends on the model that writes the animation code. The description was checked against the README, and the last commit is from late September 2026.
How to disable. Delete the `~/.claude/skills/hyperframes-motion-reel` folder. Produced projects and videos sit in working directories and are deleted separately.
FAQ
How does it differ from remotion-motion-reel?
It is a port with the same creative bar built on Apache-2.0 and free HyperFrames tooling, so no Remotion license is needed at any company size.
How do I set duration and tempo?
Directly in the prompt: tempo, resolution, aspect ratio and assets override the defaults of 120 BPM and 60 FPS.
Where does the sound come from?
It is written as WAV by Node.js built-ins from the same beat table as the picture: kick, hi-hat, impacts, rises and sub bass.
Why is rendering stable?
The random generator is seeded and neither `Date.now()` nor `Math.random()` is used, so results match across parallel render workers.
Which HyperFrames domains does it load?
`/hyperframes-core`, `/hyperframes-animation`, `/hyperframes-keyframes`, `/hyperframes-creative`, `/hyperframes-registry`, `/hyperframes-cli` and `/hyperframes-audio` load during the build.
Discussion
No questions or reviews yet.
Related
SkillsA skill that turns an article, README or website into a vertical HyperFrames promo video: brief and approval first, then assets, build and review
Skills and CLI from HeyGen: the agent writes HTML compositions and renders them into MP4 videos, captions, motion graphics and decks
A skill that makes promo videos from code: direction, in-browser animation with motion blur, its own score and a 60 fps MP4
A kit for software product promo videos on HyperFrames: 101 themes, a transition atlas and a repetition check for storyboards
One sentence becomes a 12 to 60 second motion film built in code, with palette, fonts, storyboard and music derived from it.
motion-video-production: a skill for motion videos
motion-video-production
A skill that takes an agent through seven stages for a 15 to 90 second video, a script checking each stage before the next
README in short
A beat-timed motion video with sound from code on a license-free stack, checked before rendering.