Media & Creative · GSAP · For designers

Collects motion rules, scene blueprints, transitions and runtime adapters for HyperFrames video compositions, with GSAP as the default animation runtime.

heygen-com/hyperframes

Imports Figma assets, brand tokens, components and motion into a HyperFrames video composition, using the Figma REST API with a connector or native export for shaders.

heygen-com/hyperframes

Applies motion design principles to create emotionally-driven, technically sound animations and transitions.

LottieFiles/motion-design-skill

Lays timed graphic cards such as lower-thirds, data callouts and quotes over an existing talking-head video, synced to the transcript.

heygen-com/hyperframes

交互式动态视觉叙事生成器 v11.0 (Hybrid Drive Edition)。基于用户输入的任意主题关键词， 通过多轮交互式对话收集需求，利用 React 19 + Tailwind 4 驱动的 Minimal Mono 极简编辑器， 实时操纵隔离在 Iframe 中的硬核 GSAP/WebGL 影视级叙事引擎。

pixelxzen/phantom-motion

Writes seek-safe 2D and 3D keyframes for HyperFrames video compositions, covering punch-ins, zooms, reframes and camera moves without touching clip assembly.

heygen-com/hyperframes

Guides React animation work with GSAP, Motion, Anime.js and Lenis for scroll effects, page transitions, text effects and generative visuals, with a library decision table.

Hainrixz/editor-pro-max

GSAP animation reference for HyperFrames. An agent skill from alecs5am/ralphy.

alecs5am/ralphy

A HyperFrames video block in which a grid of square tiles flips cell by cell under a sweeping depth field to reveal a rear headline, rendered at 1920×1080 for 8 seconds.

heygen-com/hyperframes

HyperFrames video block where bevelled 3D cuboids carrying card content fly in as a group, rotate in a staggered wave, hold on a hero card and exit.

heygen-com/hyperframes

HyperFrames block with one feature card that circles a dot sphere, driven by camera and card motion exported from an approved Blender rig.

heygen-com/hyperframes

A ready-made HyperFrames video block where an orbiting camera follows an ice logo that shatters, reforms into two text lines and fades, at 1920×1080.

heygen-com/hyperframes

Turns a local CSV or JSON file, or data fetched from an approved source, into an editable data-visualization video by adapting HyperFrames templates.

Unclecheng-li/AI_Animation

Edit any selfie or screen-share footage into a viral short-form video in YUV.AI's signature style — Apple-style liquid-glass cards (real CSS backdrop-filter), dark-mode polish, MrBeast-paced cuts…

hoodini/ai-agents-skills

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…

chmonitor/chmonitor

A catalog of velocity-matched video transitions and in-scene motion techniques, with parameters for zoom-throughs, waterfall cuts, rack-focus blurs and group slides.

heygen-com/hyperframes

Implements After Effects Lottie animations in web and React apps: picking JSON or dotLottie format, a rendering library, and a data source, with an optimizer script.

freshtechbro/claudedesignskills

Create Ian Xiaohei-style HTML/SVG motion illustrations for Chinese articles, scripts, storyboard scenes, workflow explanations, concept metaphors, and short video visual aids.

Pluviobyte/rnskill

Implement web and React animation, gesture feedback, layout transitions and scroll sequences.

WrongStack/WrongStack

Top-of-pyramid orchestrator for Yuval Avidani's YUV.AI brand work.

hoodini/ai-agents-skills