Hyperframes
by @heygen · plugin · 19 skills
Hyperframes from heygen-com/hyperframes.
Install the whole plugin (CLI)
npx skillmds add heygen/figma
npx skillmds add heygen/media-use
npx skillmds add heygen/slideshow
npx skillmds add heygen/hyperframes
npx skillmds add heygen/pr-to-video
npx skillmds add heygen/general-video
npx skillmds add heygen/music-to-video
npx skillmds add heygen/hyperframes-cli
npx skillmds add heygen/motion-graphics
npx skillmds add heygen/hyperframes-core
npx skillmds add heygen/embedded-captions
npx skillmds add heygen/faceless-explainer
npx skillmds add heygen/talking-head-recut
npx skillmds add heygen/hyperframes-creative
npx skillmds add heygen/hyperframes-registry
npx skillmds add heygen/product-launch-video
npx skillmds add heygen/hyperframes-animation
npx skillmds add heygen/hyperframes-keyframes
npx skillmds add heygen/remotion-to-hyperframesSkills in this plugin
- ▌ figma · heygen bundleImport Figma designs into HyperFrames compositions as frozen assets, brand tokens, components, motion animations, and shaders.
- ▌ media-use · heygen bundleResolves, generates, and operates on media assets (audio, images, icons, logos, voice, color grades, LUTs) for HyperFrames projects, using a local cache and the HeyGen CLI for free-usage catalog search and TTS.
- ▌ slideshow · heygen bundleAuthor a HyperFrames slideshow — a presentation, pitch deck, or interactive deck with discrete slides, fragment reveals, branching, hotspot navigation, and built-in presenter mode with speaker notes; also converts an existing page into a deck.
- ▌ hyperframes · heygen bundleCreates, edits, and renders videos and animations from HTML compositions using the HyperFrames framework, handling project state, input adaptation, and workflow routing.
- ▌ pr-to-video · heygen bundleTurns a GitHub pull request into a code-change explainer video with changelog, feature reveal, or refactoring walkthrough built from the diff, commits, and files.
- ▌ general-video · heygenCreates or edits custom video compositions using HyperFrames, supporting multi-scene pieces, brand reels, montages, and freeform builds with media, Figma, and creative treatments.
- ▌ music-to-video · heygen bundleTurn a music track into a beat-synced video — lyric video, slideshow, or kinetic promo — with optional user-supplied images or videos cut onto the same beat grid.
- ▌ hyperframes-cli · heygen bundleRun the HyperFrames CLI to scaffold, author, lint, preview, render, and publish video compositions locally or on HeyGen Cloud, AWS Lambda, and Google Cloud Run.
- ▌ motion-graphics · heygen bundleCreates short, design-led motion graphics like kinetic typography, data visualizations, logo reveals, and animated maps, rendered as MP4 or transparent overlays.
- ▌ hyperframes-core · heygen bundleBuild a single renderable HyperFrames composition using HTML with data-* timing attributes, clips, tracks, sub-compositions, variables, and deterministic rendering rules.
- ▌ embedded-captions · heygen bundleAdd captions or subtitles to a single-subject talking-head video without editing the footage, using a catalog of visual identities.
- ▌ faceless-explainer · heygen bundleTurn any text into a faceless explainer video with typography, abstract graphics, diagrams, and data visualization.
- ▌ talking-head-recut · heygen bundlePackages an existing talking-head, interview, or podcast video with timed, designed graphic overlay cards—kinetic titles, lower-thirds, data callouts, quotes, side panels, picture-in-picture—synced to the transcript, on a 16:9, 9:16, or 4:5 canvas.
- ▌ hyperframes-creative · heygen bundleProvides creative direction for HyperFrames videos, handling design specs, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand/style decisions.
- ▌ hyperframes-registry · heygen bundleInstall, discover, and wire reusable blocks and components into HyperFrames compositions using the CLI.
- ▌ product-launch-video · heygen bundleTurn a product URL, script, or brief into a polished launch video with brand assets, storyboard, and frame-by-frame animation.
- ▌ hyperframes-animation · heygen bundleProvides atomic motion rules, multi-phase scene blueprints, scene transitions, motion-design techniques, and runtime adapters (GSAP, Lottie, Three.js, Anime.js, CSS, WAAPI, TypeGPU) for composing animations with HyperFrames.
- ▌ hyperframes-keyframes · heygen bundleCreates seek-safe 2D/3D keyframe animations using GSAP, CSS, Anime.js, WAAPI, FLIP, SVG morph/draw, and text trails for HyperFrames compositions.
- ▌ remotion-to-hyperframes · heygen bundlePort an existing Remotion (React) composition's source to HyperFrames HTML. Use only on explicit requests to migrate from Remotion; for new compositions or uncertainty, use the general HyperFrames skill.