Every Premium video Skill, one plan. Cancel anytime.See plans
Vael · 16:9

Rendered by this Skill

Motion Reel v1.0.0

A 15-second showreel-grade motion piece from a theme and your assets: bold type, fast cuts and every hit on the beat.

No ratings yet 0 downloads
Format
Video · 16:9
Length
0:15

Free Free with an account

Sign in to download

Paste this into your agent. It connects the CLI if needed, then installs the Skill.

A free Skill that directs a HyperFrames motion graphics video at showreel level. From a theme and any assets you give it, it builds the look, copy, type, timeline and sound, then animates on a 120 BPM beat grid with overshoot, masks, parallax, camera moves and particles, and renders a 1920×1080 MP4.

Updated Nov 2, 2026

What you get

  • A 15-second 1920×1080 motion graphics MP4
  • A full design pass: look, copy, type and beat-synced timeline
  • A HyperFrames project you can edit and re-render

Good fit

  • Product and collection teasers
  • Brand reels and agency showcases
  • Launch posts that need to stop the scroll

Not for

  • Talking-head or interview videos
  • Strict brand templates with no creative freedom

About this Skill

You say

/hyperframes-motion-reel Make a 15-second motion reel for our handbag, the Vael Cerise tote ($420, calf leather, solid brass): bag.png is the cut-out. Fashion-week mood, wine red and cream.

Not a template: a director. Motion Reel tells your agent to treat every video as the best cut of a motion designer's reel. It turns a short theme into a world, a palette, type and a story, then builds the piece in HyperFrames with GSAP, SVG and canvas, timing every cut and impact to a beat grid and rendering with motion blur.

How it works

  1. Brief: give it a theme and any assets (product cut-outs, logos, a voice-over); short is fine.
  2. Direct: it fills in the look, copy, colours, type and a scene plan, at 15 seconds and 120 BPM unless you say otherwise.
  3. Build: it writes a HyperFrames project with a paused GSAP timeline for choreography and pure time-based functions for particles and grids.
  4. Sound: it places hits, whooshes and music on the beat grid.
  5. Render: it checks peak frames from the real MP4, fixes anything off and hands back the video.

Tips

  • A product cut-out with a clean edge gives it the most to play with.
  • Name a mood ("fashion week", "arcade", "calm and premium") rather than listing effects.
  • Ask for 9:16 or 1:1 and it rebuilds the layout instead of cropping.
  • Everything is free to use commercially: HyperFrames, GSAP and plain HTML, with no paid licence.

Open source

Motion Reel is made by Sunwood AI Labs (Sunwood-ai-labs/hyperframes-motion-reel-skill) and shared under the MIT License. The original is written in Japanese; this download is an English translation by Reelity.

What you need before you start

You bring
A theme and any assets you have: product cut-outs, a logo, a voice-over or a track.
Dependencies
Node.js 22 or newer — required · FFmpeg — required
Outside costs
None. HyperFrames is free and open source and renders on your own machine.
Last tested
v1.0.0 —

User reviews

No reviews yet. Install the Skill and be the first to rate it.

FAQ

How is it different from a template?

It writes a new piece every time from your theme, so two products never get the same video. The rules it follows (beat grid, overshoot, masks, no plain fades) keep the quality level consistent.

Can I use music I own?

Yes. Give it the track and it times the cuts and hits to its beat.

Why is it free?

It is an open-source Skill by Sunwood AI Labs. We list it as it is, with a sample made by running it on one of our house brands, Vael.

Guides

How to make a 3D card carousel video for a product dropCarousels are the native format for drops, lists and line-ups. How to turn a list into a lit 3D card wave with the free Cuboid Card Carousel block.How to caption short videos so they read on muteMost feed video is watched on mute. A simple model for captions that read well without covering the picture, and how to apply it with the free Captions Overlay Skill.How to make a motion graphics product video with an AI agentAI agents can now direct motion design, not just fill templates. What separates a showreel-grade piece from a template, and how to get one with the free Motion Reel Skill.

Similar Skills

View all