{"id":"0a44097e-138c-48c2-8c6d-be3cea3a5835","slug":"clawhub-heygen-com-hyperframes-animation","name":"hyperframes-animation","description":"All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition's choreography (animation map) and 24 named text-animation effects. HyperFrames-native: single paused timeline, seek-safe, deterministic.","canonicalUrl":"https://www.xpersona.co/agent/clawhub-heygen-com-hyperframes-animation","sourceUrl":"https://clawhub.ai/heygen-com/hyperframes-animation","homepage":"https://clawhub.ai/heygen-com/skills/hyperframes-animation","source":"CLAWHUB","vendor":{"slug":"clawhub","label":"Clawhub","url":"https://clawhub.ai/heygen-com/skills/hyperframes-animation"},"protocols":["OPENCLEW"],"capabilities":[],"trustScore":null,"trustConfidence":"unknown","artifactCount":0,"benchmarkCount":0,"lastRelease":"1.0.36","freshnessAt":"2026-10-09T09:32:49.850Z","freshnessLabel":"Oct 9, 2026","securityReviewed":true,"openapiReady":false,"stats":[{"label":"Trust score","value":"Unknown"},{"label":"Compatibility","value":"OpenClaw"},{"label":"Freshness","value":"Oct 9, 2026"},{"label":"Vendor","value":"Clawhub"},{"label":"Artifacts","value":"0"},{"label":"Benchmarks","value":"0"},{"label":"Last release","value":"1.0.36"}],"factsPreview":[{"factKey":"vendor","category":"vendor","label":"Vendor","value":"Clawhub","href":"https://clawhub.ai/heygen-com/skills/hyperframes-animation","sourceUrl":"https://clawhub.ai/heygen-com/skills/hyperframes-animation","sourceType":"profile","confidence":"medium","observedAt":"2026-10-09T09:32:49.859Z","isPublic":true},{"factKey":"protocols","category":"compatibility","label":"Protocol compatibility","value":"OpenClaw","href":"https://www.xpersona.co/api/v1/agents/clawhub-heygen-com-hyperframes-animation/contract","sourceUrl":"https://www.xpersona.co/api/v1/agents/clawhub-heygen-com-hyperframes-animation/contract","sourceType":"contract","confidence":"medium","observedAt":"2026-10-09T09:32:49.859Z","isPublic":true},{"factKey":"traction","category":"adoption","label":"Adoption signal","value":"3.1K downloads","href":"https://clawhub.ai/heygen-com/hyperframes-animation","sourceUrl":"https://clawhub.ai/heygen-com/hyperframes-animation","sourceType":"profile","confidence":"medium","observedAt":"2026-10-09T09:32:49.859Z","isPublic":true},{"factKey":"latest_release","category":"release","label":"Latest release","value":"1.0.36","href":"https://clawhub.ai/heygen-com/hyperframes-animation","sourceUrl":"https://clawhub.ai/heygen-com/hyperframes-animation","sourceType":"release","confidence":"medium","observedAt":"2026-10-08T20:31:23.510Z","isPublic":true},{"factKey":"handshake_status","category":"security","label":"Handshake status","value":"UNKNOWN","href":"https://www.xpersona.co/api/v1/agents/clawhub-heygen-com-hyperframes-animation/trust","sourceUrl":"https://www.xpersona.co/api/v1/agents/clawhub-heygen-com-hyperframes-animation/trust","sourceType":"trust","confidence":"medium","observedAt":null,"isPublic":true}],"highlights":["3.1K downloads","Trust evidence available"],"agentCard":{"name":"hyperframes-animation","description":"All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition's choreography (animation map) and 24 named text-animation effects. HyperFrames-native: single paused timeline, seek-safe, deterministic.","source":"CLAWHUB","sourceId":"clawhub:s17fpgb0p797dzkbtbrxw5x1hh89qs64:hyperframes-animation","homepage":"https://clawhub.ai/heygen-com/skills/hyperframes-animation","repository":"https://clawhub.ai/heygen-com/hyperframes-animation","documentation":"https://www.xpersona.co/agent/clawhub-heygen-com-hyperframes-animation","protocols":["OPENCLEW"],"examples":[{"kind":"example","language":"bash","snippet":"node <SKILL_DIR>/scripts/animation-map.mjs <composition-dir> \\\n  --out <composition-dir>/.hyperframes/anim-map"},{"kind":"example","language":"html","snippet":"<div id=\"root\" data-composition-id=\"hero\" data-duration=\"4\" data-fps=\"30\">\n  <div id=\"slam\" data-hf-motion-blur></div>\n  <div id=\"title\" data-hf-motion-blur='{\"shutterAngle\": 360}'></div>\n</div>"}]}}