Cut The Curve

Cut the Curve is a reference catalog for motion-graphics transitions in Claude Code, and it's dense in the good way. It lays out five velocity-matched seam techniques (zoom-through, inverse zoom-through, cut-the-curve, waterfall cut, rack-focus blur-cut) plus two in-scene moves for title cards and group repositioning. The useful specifics are the partial-travel rule (about 12% of frame, not full off-screen moves), mirrored power4 eases so velocity matches exactly at the cut, the Z scale-sign rule that stops a pull from flipping into a push, and blur sized to the subject (10px for text, 18-20px for full-frame surfaces). Read it before authoring any scene boundary or kinetic text entry. The one caveat: it assumes you already accept its motion doctrine, so skim the linked seam rules first or the parameters will look arbitrary.

skills.sh installs: 61.4K
GitHub stars: 81.8K
last updated: Oct 26, 2026

View on GitHub

Install

$ npx -y skills add heygen-com/hyperframes --skill cut-the-curve --agent claude-code

Installs into .claude/skills of the current project.

Files

Cut the Curve — the technique catalog

Five SEAM techniques, one principle: cut at peak velocity, match direction and speed on both sides of the cut — plus the two in-scene techniques (§6 arrivals, §7 slides). The seam LAW — vector law, the current, the ledger, the Seam Gate — lives in motion-doctrine; read it first. This skill is the parameters and mechanics. All GSAP code templates (worker + registry): examples/gsap-implementation.md.