HyperFrames motion-reel skill (beat-synced showreels)

Try it in 60 seconds

git clone https://github.com/Sunwood-ai-labs/hyperframes-motion-reel-skill ~/.claude/skills/hyperframes-motion-reel
git clone https://github.com/Sunwood-ai-labs/hyperframes-motion-reel-skill "$env:USERPROFILE\.claude\skills\hyperframes-motion-reel"
npm install

Install command copied from the project README. Check the README for the latest version.

What it does

Showreel-grade, beat-synced motion pieces with HyperFrames, GSAP, SVG and canvas.

HyperFrames Motion Reel Skill Showreel-grade motion graphics, written as code. A Claude Code skill that turns a one-line theme into a beat-synced, render-ready HyperFrames video.

hyperframes-motion-reel directs Claude Code to act as a senior motion designer and creative coder. From a short theme (plus optional images or voice), it expands a world, copy, design system, beat-by-beat timeline and generated score — then implements, checks, snapshots and renders an MP4 with HyperFrames.

Quoted from the README of Sunwood-ai-labs/hyperframes-motion-reel-skill.

Inside the repo

Step by step

1. Open the GitHub repo and skim the README (install commands change often).
2. Install it: copy the skill folder into ~/.claude/skills/ (Claude Code) or ~/.codex/skills/ (Codex), or use the plugin/marketplace command from the README.
3. Restart Claude Code or Codex.
4. Ask for the job in plain words; the skill loads when your request matches.

Docs, demos & materials

Sources & credit

All credit to the original authors. We rewrite in our own words and link back. Something wrong? Report it.