Hyperframes Keyframes

heygen-com/hyperframes

You reach for this when you need to author GSAP timelines, CSS keyframes, WAAPI, or Anime.js animations inside HyperFrames compositions and want them seek-safe for video rendering. It enforces a contract: synchronous timeline construction, finite durations, registered instances, no Date.now() or random state. The procedure is concrete: identify subject and poses, choose the smallest mechanism from a pattern library, verify with lint and snapshot proofs at key times, fix source keyframes before rendering. It won't help with scene strategy or visual design, but if you're implementing stroke draws, SVG morphs, FLIP transitions, text trails, or 3D camera moves that must survive frame-by-frame export, this is the guardrail.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.

9

skills.sh installs

754.8K

GitHub stars

81.8K

last updated

Aug 21, 2026

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Recommended

More Frontend Development

1hyperframes-audioheygen-com/hyperframesUse when audio already placed in a HyperFrames composition needs to be mixed: fade-in/fade-out, crossfade, track gain or volume, volume automation, ducking, a m663.9Kskills.sh installs

2git-guardrails-claude-codemattpocock/skillsSet up Claude Code hooks to block dangerous git commands (push, reset --hard, clean, branch -D, etc.) before they execute. Use when user wants to prevent destru548.6Kskills.sh installs

3setup-pre-commitmattpocock/skillsSet up Husky pre-commit hooks with lint-staged (Prettier), type checking, and tests in the current repo. Use when user wants to add pre-commit hooks, set up Hus537.8Kskills.sh installs

4use-my-browserxixu-me/skillsUse when work depends on the user's live browser session or visible rendered state rather than static fetches, especially for browser debugging contexts or DevT519Kskills.sh installs

5emil-design-engemilkowalski/skillsThis skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.432.5Kskills.sh installs

6prisma-driver-adapter-implementationprisma/skillsRequired reference for Prisma ORM 7 SQL driver adapter work. Use when implementing or modifying adapters, adding database drivers, or touching SqlDriverAdapter,404.4Kskills.sh installs