skill
Cut The Curve
The technique catalog: five velocity-matched SEAMS (zoom-through, INVERSE zoom-through, cut-the-curve, waterfall cut, rack-focus blur-cut) plus the two in-scene techniques — waterfall ENTRY (staggered arrival cascades for title cards / segment openers) and the nudge curve (slow-fast-slow three-phase group slides). Covers partial-travel (~12% of frame) velocity matching via mirrored power4 eases, the Z scale-sign rule, size-scaled blur (10px text / 18-20px full-frame), word-by-word staggered c...
About
# 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`.
## Catalog
| # | Technique | Scope | Axis | Use for | | --- | -------------------------- | ------------------------------ | ------------------- | ------------------------------------------------------ | | 1 | **Zoom-Through** (forward) | Within-scene text swap | Z, toward viewer | progressing deeper into the same thought | | 2 | **Inverse Zoom-Through** | Arrival / payoff beat | Z, away from viewer | something bigger lands | | 3 | **Cut the Curve** | Between scenes | X / Y | the default boundary, the film's current | | 4 | **Waterfall Cut** | Text-to-text seam | X, per-word | word-level handoff between big-text beats | | 5 | **Rack-Focus Blur-Cut** | Same-surface state swap | X / Y / Z | the one cut you want SEEN — a DSLR focus-pull flourish | | 6 | **Waterfall Entry** | In-scene ARRIVAL (no seam) | Y, from below | title cards, segment openers, list intros | | 7 | **Nudge Curve** | In-scene group slide (no seam) | X / Y | repositioning a composed group to make room |
## Z direction is a sign
"Same axis" is not enough on Z — the sign of d(scale)/dt must match across the cut:
| Z vector | Exit scale | Entry scale | Variant | | -------------- | ------------------- | -------------------- | -------------------- | | Push (forward) | growing `1 → 1.2` | growing `0.75 → 1` | zoom-through | | Pull (back) | shrinking `1 → 0.8` | shrinking `1.25 → 1` | inverse zoom-through |
Banned mirrors: a receding exit answered by a grow-from-small entry (pull flips to push — the common one, since grow-from-small is the default element entrance), and a push exit answered by an oversized retraction. This binds the incoming scene's OWN entrances during the seam window (cut + ~0.5s), not just the wrapper tween: hold the incoming frame composed, or author its entrance to match the sign. Verify per Seam Gate rule 7.
## Blur logic (all Z variants)
| Subject | Peak blur | Why | | --------------------------------------------- | ----------- | -------------------------------------------------------------- | | Text-scale (headline, word group) | **10px** | 20px smears letterforms — the cut reads as a glitch, not speed | | Full-frame surface (window, card, screenshot) | **18–20px** | lighter blur on a big surface reads as a rendering hiccup |
Same peak blur on both sides at the swap frame. Blur the WRAPPER, never children.
---
## 1. Zoom-Through (forward)
Z-axis velocity-matched cut; **never both texts visible.** Everything GROWS: the outgoing text accelerates toward camera, a hard swap hides at peak blur, the incoming text keeps growing into the focal plane. Headlines and short phrases only. Total ≈ 0.4s.
| Phase | Scale | Blur | Opacity | Ease | Duration | | -------------- | -------- | -------- | ----------------- | ------------------------------------------ | -------- | | Exit | 1 → 1.2 | 0 → 10px | 1 → 0.15 | power3.in (opacity: separate `none` tween) | 0.2s | | Cut (`tl.set`) | in: 0.75 | 10px | out: 0 / in: 0.15 | — | — | | Entry | 0.75 → 1 | 10 → 0px | 0.15 → 1 | expo.out | 0.5s |
Exit opacity MUST be its own linear tween — `power3.in` holds opacity near 1 too long. On entry all properties share `expo.out`.
## 2. Inverse Zoom-Through (backward)
The pull-back mirror: the outgoing element RECEDES; the incoming arrives OVERSIZED (as if just behind camera) and retracts into the focal plane. Everything SHRINKS. Spend on ARRIVAL/payoff beats — a payoff line, a giant reply, a held end-state — never ordinary boundaries. Total ≈ 0.7s (30% exit / 70% entry).
| Phase | Scale | Blur | Opacity | Ease | Duration | | -------------- | -------- | -------- | ----------------- | ------------------------------------------ | -------- | | Exit | 1 → 0.8 | 0 → 10px | 1 → 0.15 | power3.in (opac
Install
Run this command
npx skills add heygen-com/hyperframesWorks with
Manual steps
Install with `npx skills add heygen-com/hyperframes`, or clone the repository and copy the `.claude/skills/cut-the-curve` folder into your Claude skills directory.
Frequently asked questions
What is the Cut The Curve skill?
The technique catalog: five velocity-matched SEAMS (zoom-through, INVERSE zoom-through, cut-the-curve, waterfall cut, rack-focus blur-cut) plus the two in-scene techniques — waterfall ENTRY (staggered arrival cascades for title cards / segment openers) and the nudge curve (slow-fast-slow three-phase group slides). Covers partial-travel (~12% of frame) velocity matching via mirrored power4 eases, the Z scale-sign rul…
How do I install Cut The Curve?
Run this in your terminal:
npx skills add heygen-com/hyperframesWhich AI tools does Cut The Curve work with?
It works with claude_app, claude_code, claude_api, cursor, codex, windsurf, cline, zed.
Who made Cut The Curve?
heygen-com.
Is Cut The Curve free?
Yes, it is free to use.
npx skills add vercel-labs/skills
npx skills add mattpocock/skills
npx skills add mattpocock/skills
npx skills add mattpocock/skills
npx skills add mattpocock/skills
npx skills add genmedia-labs/skills
Audit before you install
Run any source through our checks - AI visibility, security, performance, and stack detection.
Automated Web Security Scan
security
PageSpeed Analyzer
performance
AI Content Quality Test
arabic content
AI Agent / MCP Server Tester
ai testing
Site Stack Detector
migration
AI SEO / AEO / GEO Audit
ai visibility
llms.txt Generator
ai visibility
Readability Score
arabic content
Schema / JSON-LD Builder
ai visibility
AI Cost Calculator
ai testing
Headline Analyzer
arabic content