MCP.so
登录

lottie

heygen-com / hyperframes

代码仓库

关于 lottie

Lottie and dotLottie adapter patterns for HyperFrames. Use when embedding lottie-web JSON animations, .lottie files, @lottiefiles/dotlottie-web players, registering instances on window.__hfLottie, or making After Effects exports deterministic in HyperFrames.

安装 lottie

npx skills add https://github.com/heygen-com/hyperframes --skill lottie

基本信息

分类

创意与媒体

代码仓库

heygen-com / hyperframes

Skill

lottie

功能与用途

  • Supports both lottie-web JSON animations and .lottie files via the dotLottie player, with automatic seeking to composition time

  • Requires registering player instances on window.__hfLottie and disabling autoplay for deterministic timeline control

  • Handles multiple animations in a single composition by pushing each player to the same registry for synchronized seeking

  • Works best with pre-tested After Effects exports and local asset files; avoid remote URLs and asynchronous player registration at render time

创意与媒体分类下的其他 Skills

vercel-react-native-skills

vercel-labs / agent-skills

React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or native platform APIs.

remotion-to-hyperframes

heygen-com / hyperframes

Port an existing Remotion (React) composition's source to HyperFrames HTML. Use ONLY on an explicit ask to port/convert/migrate/translate a Remotion source — one-way, Remotion-only. A passing Remotion mention, reference-only code, or "make something like my Remotion video" is a fresh build (/general-video). Unclear → /hyperframes.

gsap

heygen-com / hyperframes

GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), position parameter, labels, nesting, playback), and performance (transforms, will-change, quickTo). Use when writing GSAP animations in HyperFrames compositions.

website-to-video

heygen-com / hyperframes

Capture a general website/URL and turn it into a video OF the site — tour, showcase, or social clip built from captured screenshots and the site's own brand assets. Use for portfolio / blog / docs / landing-page showcases. Not a product launch or promo, even from a URL (/product-launch-video). Unclear → /hyperframes.

pr-to-video

heygen-com / hyperframes

Turn a GitHub pull request (a PR URL, owner/repo#N, or 'this PR' in a checked-out repo) into a code-change explainer video — changelog, feature reveal, fix, or refactor walkthrough built from the diff, commits, and files: the input is a code change, not a website. Not a product promo (/product-launch-video) or a no-PR topic explainer (/faceless-explainer). Unclear → /hyperframes.

music-to-video

heygen-com / hyperframes

Turn a music track (an audio file, a video to pull audio from, or a track generated from a mood brief) into a beat-synced video — lyric video, slideshow, or kinetic promo. The music drives all pacing; any user-supplied images/videos are cut onto the same beat grid, and a complete video needs zero assets. Narrated pieces → the input-matched workflow (see /hyperframes). Unclear → /hyperframes.