Domains
Forms
Mechanism
Breaks down how the skill works and what it produces, so you can quickly judge whether it fits your scenario and value.
When authoring keyframe animations inside a HyperFrames composition and needing a seek-safe, verified pose contract for any runtime (GSAP, CSS, Anime.js, WAAPI).
A deterministic keyframe animation with proven pixels: named poses, continuous identity, CLI-verified states, ready for render.
Use Cases
A designer builds a product promo in HyperFrames and needs a logo to morph between two shapes with continuous identity. Using this skill, they pick shape interpolation, author seek-safe GSAP keyframes, and verify with hyperframes keyframes --shot. The result is a verified, render-ready morph that preserves brand identity.
A developer ports a CSS animation to HyperFrames and must prove path travel is deterministic. They follow the contract, avoid forbidden timers, use finite CSS keyframes with fill-mode both, and run hyperframes lint and snapshot --at. The skill ensures pixels are verified and the motion is seek-safe for rendering.
Skill Relationships
Dependency relationships read as "the upper tier points to the lower tier." The current Skill sits in the middle tier — above are Skills that depend on it, below are Skills it depends on.
Tier 1 · These Skills Use Me
Tier 2 · Current Skill
Tier 3 · I Use These Skills
Browse this skill's relationships within its skillset. Click a node to switch the side panel; use the search box to jump to any skill.
Skill File
