heygen-com/hyperframes
- skills.sh installs
- 17.2M
- skills
- 44
Install
$ npx -y skills add heygen-com/hyperframes --agent claude-codeInstalls into .claude/skills of the current project.
Skills
1
hyperframes-cliheygen-com/hyperframesUse the HyperFrames CLI development loop: init, add, catalog, capture, lint, check, snapshot, compare, grade-compare, preview, play, present, beats, keyframes, 1.5Mskills.sh installs
hyperframes-cliheygen-com/hyperframesUse the HyperFrames CLI development loop: init, add, catalog, capture, lint, check, snapshot, compare, grade-compare, preview, play, present, beats, keyframes, 1.5Mskills.sh installs2hyperframesheygen-com/hyperframesMandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or motion graphic, including a promo, expla1.5Mskills.sh installs
hyperframesheygen-com/hyperframesMandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or motion graphic, including a promo, expla1.5Mskills.sh installs3media-useheygen-com/hyperframesAgent Media OS, the single skill for every media need in a HyperFrames project. Resolve BGM, SFX, image, icon, brand logo, voice, color grade, or LUT into a fro1.4Mskills.sh installs
media-useheygen-com/hyperframesAgent Media OS, the single skill for every media need in a HyperFrames project. Resolve BGM, SFX, image, icon, brand logo, voice, color grade, or LUT into a fro1.4Mskills.sh installs4hyperframes-registryheygen-com/hyperframesInstall, discover, and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add or hyperframes catalog, installing on1.2Mskills.sh installs
hyperframes-registryheygen-com/hyperframesInstall, discover, and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add or hyperframes catalog, installing on1.2Mskills.sh installs5hyperframes-animationheygen-com/hyperframesAll animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven 1Mskills.sh installs
hyperframes-animationheygen-com/hyperframesAll animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven 1Mskills.sh installs6hyperframes-coreheygen-com/hyperframesThe HyperFrames composition contract — build one renderable project. Use for composition structure, the `data-*` timing attributes, `class="clip"`, tracks, sub-931.1Kskills.sh installs
hyperframes-coreheygen-com/hyperframesThe HyperFrames composition contract — build one renderable project. Use for composition structure, the `data-*` timing attributes, `class="clip"`, tracks, sub-931.1Kskills.sh installs7hyperframes-creativeheygen-com/hyperframesNon-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, au917.1Kskills.sh installs
hyperframes-creativeheygen-com/hyperframesNon-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, au917.1Kskills.sh installs8hyperframes-keyframesheygen-com/hyperframesUse when a HyperFrames composition needs a punch-in, punch-out, zoom, reframe, Ken Burns treatment, camera move, visual match/whip handoff, or other seek-safe 2754.8Kskills.sh installs
hyperframes-keyframesheygen-com/hyperframesUse when a HyperFrames composition needs a punch-in, punch-out, zoom, reframe, Ken Burns treatment, camera move, visual match/whip handoff, or other seek-safe 2754.8Kskills.sh installs9hyperframes-audioheygen-com/hyperframesUse when audio already placed in a HyperFrames composition needs to be mixed: fade-in/fade-out, crossfade, track gain or volume, volume automation, ducking, a m663.9Kskills.sh installs
hyperframes-audioheygen-com/hyperframesUse when audio already placed in a HyperFrames composition needs to be mixed: fade-in/fade-out, crossfade, track gain or volume, volume automation, ducking, a m663.9Kskills.sh installs10general-videoheygen-com/hyperframesAuthor or edit a custom HyperFrames composition when no specialized workflow fits, or when BRIEF.md sets flow: companion. Use for longer or multi-scene pieces, 661.7Kskills.sh installs
general-videoheygen-com/hyperframesAuthor or edit a custom HyperFrames composition when no specialized workflow fits, or when BRIEF.md sets flow: companion. Use for longer or multi-scene pieces, 661.7Kskills.sh installs11remotion-to-hyperframesheygen-com/hyperframesPort an existing Remotion (React) composition's source to HyperFrames HTML. Use ONLY on an explicit ask to port/convert/migrate/translate a Remotion source — on590.2Kskills.sh installs
remotion-to-hyperframesheygen-com/hyperframesPort an existing Remotion (React) composition's source to HyperFrames HTML. Use ONLY on an explicit ask to port/convert/migrate/translate a Remotion source — on590.2Kskills.sh installs12product-launch-videoheygen-com/hyperframesTurn a product or marketing URL, pasted script, or brief into a product launch / promo video — SaaS promos, feature reveals, product demos, app and company laun539.3Kskills.sh installs
product-launch-videoheygen-com/hyperframesTurn a product or marketing URL, pasted script, or brief into a product launch / promo video — SaaS promos, feature reveals, product demos, app and company laun539.3Kskills.sh installs13faceless-explainerheygen-com/hyperframesTurn arbitrary text — an article, notes, a topic, a brief — into a faceless explainer video: there is no site or footage to capture, so the visuals are invented522Kskills.sh installs
faceless-explainerheygen-com/hyperframesTurn arbitrary text — an article, notes, a topic, a brief — into a faceless explainer video: there is no site or footage to capture, so the visuals are invented522Kskills.sh installs14motion-graphicsheygen-com/hyperframesA short, design-led motion graphic where motion is the message — kinetic typography, stat count-up, chart/data-viz hit, logo sting / brand lockup, lower-third /514.3Kskills.sh installs
motion-graphicsheygen-com/hyperframesA short, design-led motion graphic where motion is the message — kinetic typography, stat count-up, chart/data-viz hit, logo sting / brand lockup, lower-third /514.3Kskills.sh installs15slideshowheygen-com/hyperframesAuthor a HyperFrames slideshow — a presentation, pitch deck, or interactive deck with discrete slides, fragment reveals, branching, hotspot navigation, and buil496.1Kskills.sh installs
slideshowheygen-com/hyperframesAuthor a HyperFrames slideshow — a presentation, pitch deck, or interactive deck with discrete slides, fragment reveals, branching, hotspot navigation, and buil496.1Kskills.sh installs16embedded-captionsheygen-com/hyperframesAdd captions or subtitles to an existing single-subject talking-head video without editing the footage. Use for plain verbatim captions, cinematic captions embe453.9Kskills.sh installs
embedded-captionsheygen-com/hyperframesAdd captions or subtitles to an existing single-subject talking-head video without editing the footage. Use for plain verbatim captions, cinematic captions embe453.9Kskills.sh installs17hyperframes-studioheygen-com/hyperframesUse when working with a person on a HyperFrames project in Studio: first, whether their message asks for a change at all (questions, loose ideas and "don't chan451.6Kskills.sh installs
hyperframes-studioheygen-com/hyperframesUse when working with a person on a HyperFrames project in Studio: first, whether their message asks for a change at all (questions, loose ideas and "don't chan451.6Kskills.sh installs18pr-to-videoheygen-com/hyperframesTurn 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 449.2Kskills.sh installs
pr-to-videoheygen-com/hyperframesTurn 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 449.2Kskills.sh installs19music-to-videoheygen-com/hyperframesTurn 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 kin419.3Kskills.sh installs
music-to-videoheygen-com/hyperframesTurn 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 kin419.3Kskills.sh installs20talking-head-recutheygen-com/hyperframesPackage an existing talking-head / interview / podcast video with timed, designed GRAPHIC OVERLAY cards — kinetic titles, lower-thirds, data callouts, quotes, s407.9Kskills.sh installs
talking-head-recutheygen-com/hyperframesPackage an existing talking-head / interview / podcast video with timed, designed GRAPHIC OVERLAY cards — kinetic titles, lower-thirds, data callouts, quotes, s407.9Kskills.sh installs21figmaheygen-com/hyperframesImport Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → reconstructed motion (frames read as stat407.5Kskills.sh installs
figmaheygen-com/hyperframesImport Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → reconstructed motion (frames read as stat407.5Kskills.sh installs22hyperframes-mediaheygen-com/hyperframesAudio and media assets for HyperFrames compositions, produced by one shared audio engine (`scripts/audio.mjs`) — multi-provider TTS (HeyGen / ElevenLabs / Kokor141.7Kskills.sh installs
hyperframes-mediaheygen-com/hyperframesAudio and media assets for HyperFrames compositions, produced by one shared audio engine (`scripts/audio.mjs`) — multi-provider TTS (HeyGen / ElevenLabs / Kokor141.7Kskills.sh installs23website-to-videoheygen-com/hyperframesCapture 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 ass97.4Kskills.sh installs
website-to-videoheygen-com/hyperframesCapture 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 ass97.4Kskills.sh installs24gsapheygen-com/hyperframesGSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), position parameter, labels,92.1Kskills.sh installs
gsapheygen-com/hyperframesGSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), position parameter, labels,92.1Kskills.sh installs25website-to-hyperframesheygen-com/hyperframesCapture a website and create a HyperFrames video from it. Use when: (1) a user provides a URL and wants a video, (2) someone says "capture this site", "turn thi89.3Kskills.sh installs
website-to-hyperframesheygen-com/hyperframesCapture a website and create a HyperFrames video from it. Use when: (1) a user provides a URL and wants a video, (2) someone says "capture this site", "turn thi89.3Kskills.sh installs26css-animationsheygen-com/hyperframesCSS animation adapter patterns for HyperFrames. Use when authoring CSS keyframes, animation-delay based timing, animation-fill-mode, animation-play-state, or CS72.3Kskills.sh installs
css-animationsheygen-com/hyperframesCSS animation adapter patterns for HyperFrames. Use when authoring CSS keyframes, animation-delay based timing, animation-fill-mode, animation-play-state, or CS72.3Kskills.sh installs27tailwindheygen-com/hyperframesTailwind CSS v4.2 browser-runtime patterns for HyperFrames compositions. Use when scaffolding or editing projects created with `hyperframes init --tailwind`, wr70.6Kskills.sh installs
tailwindheygen-com/hyperframesTailwind CSS v4.2 browser-runtime patterns for HyperFrames compositions. Use when scaffolding or editing projects created with `hyperframes init --tailwind`, wr70.6Kskills.sh installs28animejsheygen-com/hyperframesAnime.js adapter patterns for HyperFrames. Use when writing Anime.js animations or timelines inside HyperFrames compositions, registering animations on window._70Kskills.sh installs
animejsheygen-com/hyperframesAnime.js adapter patterns for HyperFrames. Use when writing Anime.js animations or timelines inside HyperFrames compositions, registering animations on window._70Kskills.sh installs29threeheygen-com/hyperframesThree.js and WebGL adapter patterns for HyperFrames. Use when creating deterministic Three.js scenes, WebGL canvas layers, AnimationMixer timelines, camera moti69.3Kskills.sh installs
threeheygen-com/hyperframesThree.js and WebGL adapter patterns for HyperFrames. Use when creating deterministic Three.js scenes, WebGL canvas layers, AnimationMixer timelines, camera moti69.3Kskills.sh installs30lottieheygen-com/hyperframesLottie and dotLottie adapter patterns for HyperFrames. Use when embedding lottie-web JSON animations, .lottie files, @lottiefiles/dotlottie-web players, registe69.1Kskills.sh installs
lottieheygen-com/hyperframesLottie and dotLottie adapter patterns for HyperFrames. Use when embedding lottie-web JSON animations, .lottie files, @lottiefiles/dotlottie-web players, registe69.1Kskills.sh installs31waapiheygen-com/hyperframesWeb Animations API adapter patterns for HyperFrames. Use when authoring element.animate() motion, Animation currentTime seeking, document.getAnimations(), Keyfr68.7Kskills.sh installs
waapiheygen-com/hyperframesWeb Animations API adapter patterns for HyperFrames. Use when authoring element.animate() motion, Animation currentTime seeking, document.getAnimations(), Keyfr68.7Kskills.sh installs32motion-doctrineheygen-com/hyperframesGATEWAY — load FIRST before composing any HyperFrames animation or video. The high-level motion law that makes a multi-scene video feel like ONE continuous came62.2Kskills.sh installs
motion-doctrineheygen-com/hyperframesGATEWAY — load FIRST before composing any HyperFrames animation or video. The high-level motion law that makes a multi-scene video feel like ONE continuous came62.2Kskills.sh installs33captions-overlayheygen-com/hyperframesOverlay doctrine for the embedded-captions workflow — the caption MODEL (drop / rail / embed) and the rule that captions are an OVERLAY composited on top of the61.8Kskills.sh installs
captions-overlayheygen-com/hyperframesOverlay doctrine for the embedded-captions workflow — the caption MODEL (drop / rail / embed) and the rule that captions are an OVERLAY composited on top of the61.8Kskills.sh installs34cut-the-curveheygen-com/hyperframesThe technique catalog: five velocity-matched SEAMS (zoom-through, INVERSE zoom-through, cut-the-curve, waterfall cut, rack-focus blur-cut) plus the two in-scene61.4Kskills.sh installs
cut-the-curveheygen-com/hyperframesThe technique catalog: five velocity-matched SEAMS (zoom-through, INVERSE zoom-through, cut-the-curve, waterfall cut, rack-focus blur-cut) plus the two in-scene61.4Kskills.sh installs35seam-craftheygen-com/hyperframesRender-correctness doctrine for scene-to-scene seams in HyperFrames launch videos — the prerequisites that make transitions composite correctly on the master ti61.1Kskills.sh installs
seam-craftheygen-com/hyperframesRender-correctness doctrine for scene-to-scene seams in HyperFrames launch videos — the prerequisites that make transitions composite correctly on the master ti61.1Kskills.sh installs36oversized-cursorheygen-com/hyperframesHouse-style oversized macOS cursor technique for HyperFrames launch videos. Load whenever a scene involves cursors or a pointer-led action, when kicking off a U60.7Kskills.sh installs
oversized-cursorheygen-com/hyperframesHouse-style oversized macOS cursor technique for HyperFrames launch videos. Load whenever a scene involves cursors or a pointer-led action, when kicking off a U60.7Kskills.sh installs37changelog-videoheygen-com/hyperframesTurn a weekly changelog .md into a finished branded changelog video (square 1080, ~45-60s, Annie VO, animated brand background, mock-UI visualizations, lowkey c60.6Kskills.sh installs
changelog-videoheygen-com/hyperframesTurn a weekly changelog .md into a finished branded changelog video (square 1080, ~45-60s, Annie VO, animated brand background, mock-UI visualizations, lowkey c60.6Kskills.sh installs38contribute-catalogheygen-com/hyperframesAuthor a new HyperFrames registry block (caption style, VFX block, transition, lower third) or component (text effect, overlay, snippet) and ship it as an upstr55.5Kskills.sh installs
contribute-catalogheygen-com/hyperframesAuthor a new HyperFrames registry block (caption style, VFX block, transition, lower third) or component (text effect, overlay, snippet) and ship it as an upstr55.5Kskills.sh installs39typegpuheygen-com/hyperframesTypeGPU and raw WebGPU adapter patterns for HyperFrames. Use when creating GPU-rendered compositions with TypeGPU, raw WebGPU, WGSL fragment shaders, compute pi51Kskills.sh installs
typegpuheygen-com/hyperframesTypeGPU and raw WebGPU adapter patterns for HyperFrames. Use when creating GPU-rendered compositions with TypeGPU, raw WebGPU, WGSL fragment shaders, compute pi51Kskills.sh installs40reverse-any-videoheygen-com/hyperframesRebuild any video file as an editable HyperFrames project - motion graphics, talking heads, live action or AI-generated footage - checked against the original f45.2Kskills.sh installs
reverse-any-videoheygen-com/hyperframesRebuild any video file as an editable HyperFrames project - motion graphics, talking heads, live action or AI-generated footage - checked against the original f45.2Kskills.sh installs41style-samplingheygen-com/hyperframesMake a new episode in a proven video style - Collage Explainer, Finance Explainer, Animated Science Explainer, 3D Brand Explainer, 3D True Crime - on the person38.8Kskills.sh installs
style-samplingheygen-com/hyperframesMake a new episode in a proven video style - Collage Explainer, Finance Explainer, Animated Science Explainer, 3D Brand Explainer, 3D True Crime - on the person38.8Kskills.sh installs42graphic-overlaysheygen-com/hyperframesPackage an existing talking-head / interview / podcast video by layering timed, designed GRAPHIC OVERLAY cards onto the playing video — titles, lower-thirds, da29.1Kskills.sh installs
graphic-overlaysheygen-com/hyperframesPackage an existing talking-head / interview / podcast video by layering timed, designed GRAPHIC OVERLAY cards onto the playing video — titles, lower-thirds, da29.1Kskills.sh installs43hyperframes-read-firstheygen-com/hyperframesSTART HERE for any request to make, create, generate, edit, animate, or render a video, animation, motion graphic, explainer, title card, overlay, captioned vid2.4Kskills.sh installs
hyperframes-read-firstheygen-com/hyperframesSTART HERE for any request to make, create, generate, edit, animate, or render a video, animation, motion graphic, explainer, title card, overlay, captioned vid2.4Kskills.sh installs44claude-design-hyperframesheygen-com/hyperframesUse when running inside Claude Design specifically. Produces a valid, brand-accurate HyperFrames video draft using pre-valid skeletons. For Claude Code / Cursor2Kskills.sh installs
claude-design-hyperframesheygen-com/hyperframesUse when running inside Claude Design specifically. Produces a valid, brand-accurate HyperFrames video draft using pre-valid skeletons. For Claude Code / Cursor2Kskills.sh installs