hyperframes-animation
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.
Pinned to revision 4e8964e24a5a, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/hyperframes-animation/SKILL.md
- skills/hyperframes-animation/LICENSE
- skills/hyperframes-animation/adapters/animate-text.md
- skills/hyperframes-animation/adapters/animejs.md
- skills/hyperframes-animation/adapters/css-animations.md
- skills/hyperframes-animation/adapters/gsap-easing-and-stagger.md
- skills/hyperframes-animation/adapters/gsap-timeline-and-labels.md
- skills/hyperframes-animation/adapters/gsap-transforms-and-perf.md
- skills/hyperframes-animation/adapters/gsap.md
- skills/hyperframes-animation/adapters/html-in-canvas-patterns.md
- skills/hyperframes-animation/adapters/lottie.md
- skills/hyperframes-animation/adapters/three.md
- skills/hyperframes-animation/adapters/typegpu.md
- skills/hyperframes-animation/adapters/waapi.md
- skills/hyperframes-animation/blueprints-index.md
- skills/hyperframes-animation/blueprints/agent-progress-theater.md
- skills/hyperframes-animation/blueprints/camera-journey.md
- skills/hyperframes-animation/blueprints/comparison-split.md
- skills/hyperframes-animation/blueprints/constellation-hub.md
- skills/hyperframes-animation/blueprints/cta-morph-press.md
- skills/hyperframes-animation/blueprints/cursor-ui-demo.md
- skills/hyperframes-animation/blueprints/dataviz-countup.md
- skills/hyperframes-animation/blueprints/device-surface-showcase.md
- skills/hyperframes-animation/blueprints/fixed-anchor-cycle.md
- skills/hyperframes-animation/blueprints/grid-card-assemble.md
- skills/hyperframes-animation/blueprints/kinetic-type-beats.md
- skills/hyperframes-animation/blueprints/logo-assemble-lockup.md
- skills/hyperframes-animation/blueprints/overwhelm-surround.md
- skills/hyperframes-animation/blueprints/panel-edit-live-sync.md
- skills/hyperframes-animation/blueprints/prompt-type-submit-generate.md
- skills/hyperframes-animation/blueprints/spatial-pan-stations.md
- skills/hyperframes-animation/blueprints/ticker-takeover.md
- skills/hyperframes-animation/blueprints/titlecard-reveal.md
- skills/hyperframes-animation/blueprints/transcript-scroll-artifact-reveal.md
- skills/hyperframes-animation/blueprints/typewriter-reveal.md
- skills/hyperframes-animation/blueprints/video-text-pivot.md
- skills/hyperframes-animation/blueprints/zoom-out-workspace-reveal.md
- skills/hyperframes-animation/examples/brand-reveal-assemble-zoom.html
- skills/hyperframes-animation/examples/comparison-split-cards.html
- skills/hyperframes-animation/examples/concept-demo-decode-pan.html
- skills/hyperframes-animation/examples/cta-morph-press.html
- skills/hyperframes-animation/examples/cta-orbit-collapse.html
- skills/hyperframes-animation/examples/demo-page-scroll-spotlight.html
- skills/hyperframes-animation/examples/hook-counter-burst.html
- skills/hyperframes-animation/examples/messaging-multi-phrase.html
- skills/hyperframes-animation/examples/metric-video-text-pivot.html
- skills/hyperframes-animation/examples/problem-mockup-overwhelm.html
- skills/hyperframes-animation/examples/proof-logo-chain.html
- skills/hyperframes-animation/examples/takeover-ticker-displace.html
- skills/hyperframes-animation/examples/workflow-approve-press.html
- skills/hyperframes-animation/references/motion-blur.md
- skills/hyperframes-animation/rules-index.md
- skills/hyperframes-animation/rules/3d-camera-flight.md
- skills/hyperframes-animation/rules/3d-page-scroll.md
- skills/hyperframes-animation/rules/3d-text-depth-layers.md
- skills/hyperframes-animation/rules/ai-tracking-box.md
- skills/hyperframes-animation/rules/ambient-glow-bloom.md
- skills/hyperframes-animation/rules/anchored-layout-expand.md
- skills/hyperframes-animation/rules/asr-keyword-glow.md
- skills/hyperframes-animation/rules/avatar-cloud-network.md
- skills/hyperframes-animation/rules/camera-cursor-tracking.md
- skills/hyperframes-animation/rules/card-morph-anchor.md
- skills/hyperframes-animation/rules/center-outward-expansion.md
- skills/hyperframes-animation/rules/chart-scrub-readout.md
- skills/hyperframes-animation/rules/chromatic-glitch.md
- skills/hyperframes-animation/rules/context-sensitive-cursor.md
- skills/hyperframes-animation/rules/control-target-sync.md
- skills/hyperframes-animation/rules/coordinate-target-zoom.md
- skills/hyperframes-animation/rules/counting-dynamic-scale.md
- skills/hyperframes-animation/rules/css-marker-patterns.md
- skills/hyperframes-animation/rules/cursor-click-ripple.md
- skills/hyperframes-animation/rules/cursor-drag.md
- skills/hyperframes-animation/rules/depth-of-field-blur.md
- skills/hyperframes-animation/rules/depth-scatter-assemble.md
- skills/hyperframes-animation/rules/discrete-text-sequence.md
- skills/hyperframes-animation/rules/dynamic-content-sequencing.md
- skills/hyperframes-animation/rules/gradient-text-sweep.md
- skills/hyperframes-animation/rules/gsap-effects.md
- skills/hyperframes-animation/rules/hacker-flip-3d.md
- skills/hyperframes-animation/rules/kinetic-beat-slam.md
- skills/hyperframes-animation/rules/motion-blur-streak.md
- skills/hyperframes-animation/rules/multi-cursor-choreography.md
- skills/hyperframes-animation/rules/multi-phase-camera.md
- skills/hyperframes-animation/rules/nudge-curve.md
- skills/hyperframes-animation/rules/orbit-3d-entry.md
- skills/hyperframes-animation/rules/particle-burst.md
- skills/hyperframes-animation/rules/physics-press-reaction.md
- skills/hyperframes-animation/rules/press-release-spring.md
- skills/hyperframes-animation/rules/reactive-displacement.md
- skills/hyperframes-animation/rules/scale-swap-transition.md
- skills/hyperframes-animation/rules/sine-wave-loop.md
- skills/hyperframes-animation/rules/split-tilt-cards.md
- skills/hyperframes-animation/rules/spring-pop-entrance.md
- skills/hyperframes-animation/rules/stat-bars-and-fills.md
- skills/hyperframes-animation/rules/svg-icon-enrichment.md
- skills/hyperframes-animation/rules/svg-path-draw.md
- skills/hyperframes-animation/rules/theme-crossfade-morph.md
- skills/hyperframes-animation/rules/vertical-spring-ticker.md
- skills/hyperframes-animation/rules/viewport-change.md
- skills/hyperframes-animation/rules/waterfall-entry.md
- skills/hyperframes-animation/scripts/animation-map-sampling.mjs
- skills/hyperframes-animation/scripts/animation-map-sampling.test.mjs
- skills/hyperframes-animation/scripts/animation-map.mjs
- skills/hyperframes-animation/scripts/animation-map.test.mjs
- skills/hyperframes-animation/scripts/package-loader.mjs
- skills/hyperframes-animation/scripts/package-loader.test.mjs
- skills/hyperframes-animation/techniques.md
- skills/hyperframes-animation/transitions/TRANSITION-REGISTRY.md
- skills/hyperframes-animation/transitions/catalog.md
- skills/hyperframes-animation/transitions/css-3d.md
- skills/hyperframes-animation/transitions/css-blur.md
- skills/hyperframes-animation/transitions/css-cover.md
- skills/hyperframes-animation/transitions/css-destruction.md
- skills/hyperframes-animation/transitions/css-dissolve.md
- skills/hyperframes-animation/transitions/css-distortion.md
- skills/hyperframes-animation/transitions/css-grid.md
- skills/hyperframes-animation/transitions/css-light.md
- skills/hyperframes-animation/transitions/css-mechanical.md
- skills/hyperframes-animation/transitions/css-other.md
- skills/hyperframes-animation/transitions/css-push.md
- skills/hyperframes-animation/transitions/css-radial.md
- skills/hyperframes-animation/transitions/css-scale.md
- skills/hyperframes-animation/transitions/overview.md
Every link opens the file at its source, pinned to the revision this page describes.