published by heygen-com
50 listings on this page, in order of arrival. Each one has its own page with README, repository facts and source links.
- hyperframes ★ 48,395
HyperFrames by HeyGen. Write HTML, render video. Compositions, GSAP and runtime adapter animations, captions, voiceovers, audio-reactive vis - hyperframes-by-heygen ★ 48,395
HyperFrames is an open-source video. renderingframework that lets Claude Code write HTML, render video, and build GSAP-driven compositions, - hyperframes-cli ★ 48,395
Use the HyperFrames CLI development loop: init, add, catalog, capture, lint, check, snapshot, compare, grade-compare, preview, play, present - hyperframes ★ 48,395
Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or motion graphic, incl - hyperframes-registry ★ 48,395
Install, discover, and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add or hyperframes ca - hyperframes-core ★ 48,395
The HyperFrames composition contract — build one renderable project. Use for composition structure, the `data-*` timing attributes, `class=" - hyperframes-animation ★ 48,395
All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techni - media-use ★ 48,395
Agent Media OS, the single skill for every media need in a HyperFrames project. Resolve BGM, SFX, image, icon, brand logo, voice, color grad - hyperframes-creative ★ 48,395
Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narratio - remotion-to-hyperframes ★ 48,395
Port an existing Remotion (React) composition's source to HyperFrames HTML. Use ONLY on an explicit ask to port/convert/migrate/translate a - hyperframes-keyframes ★ 48,395
Use when a HyperFrames composition needs a punch-in, punch-out, zoom, reframe, Ken Burns treatment, camera move, visual match/whip handoff, - general-video ★ 48,395
Author or edit a custom HyperFrames composition when no specialized workflow fits, or when BRIEF.md sets flow: companion. Use for longer or - faceless-explainer ★ 48,395
Turn arbitrary text — an article, notes, a topic, a brief — into a faceless explainer video: there is no site or footage to capture, so the - product-launch-video ★ 48,395
Turn a product or marketing URL, pasted script, or brief into a product launch / promo video — SaaS promos, feature reveals, product demos, - motion-graphics ★ 48,395
A short, design-led motion graphic where motion is the message — kinetic typography, stat count-up, chart/data-viz hit, logo sting / brand l - embedded-captions ★ 48,395
Add captions or subtitles to an existing single-subject talking-head video without editing the footage. Use for plain verbatim captions, cin - pr-to-video ★ 48,395
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, feat - music-to-video ★ 48,395
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 vide - slideshow ★ 48,395
Author a HyperFrames slideshow — a presentation, pitch deck, or interactive deck with discrete slides, fragment reveals, branching, hotspot - hyperframes-media ★ 48,395
Audio and media assets for HyperFrames compositions, produced by one shared audio engine (`scripts/audio.mjs`) — multi-provider TTS (HeyGen - talking-head-recut ★ 48,395
Package an existing talking-head / interview / podcast video with timed, designed GRAPHIC OVERLAY cards — kinetic titles, lower-thirds, data - website-to-video ★ 48,395
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 - figma ★ 48,395
Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → reconstructed motion - gsap ★ 48,395
GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), positio - website-to-hyperframes ★ 48,395
Capture 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 t - hyperframes-audio ★ 48,395
Use when audio already placed in a HyperFrames composition needs to be mixed: fade-in/fade-out, crossfade, track gain or volume, volume auto - css-animations ★ 48,395
CSS animation adapter patterns for HyperFrames. Use when authoring CSS keyframes, animation-delay based timing, animation-fill-mode, animati - tailwind ★ 48,395
Tailwind CSS v4.2 browser-runtime patterns for HyperFrames compositions. Use when scaffolding or editing projects created with `hyperframes - animejs ★ 48,395
Anime.js adapter patterns for HyperFrames. Use when writing Anime.js animations or timelines inside HyperFrames compositions, registering an - three ★ 48,395
Three.js and WebGL adapter patterns for HyperFrames. Use when creating deterministic Three.js scenes, WebGL canvas layers, AnimationMixer ti - lottie ★ 48,395
Lottie and dotLottie adapter patterns for HyperFrames. Use when embedding lottie-web JSON animations, .lottie files, @lottiefiles/dotlottie- - waapi ★ 48,395
Web Animations API adapter patterns for HyperFrames. Use when authoring element.animate() motion, Animation currentTime seeking, document.ge - contribute-catalog ★ 48,395
Author a new HyperFrames registry block (caption style, VFX block, transition, lower third) or component (text effect, overlay, snippet) and - typegpu ★ 48,395
TypeGPU and raw WebGPU adapter patterns for HyperFrames. Use when creating GPU-rendered compositions with TypeGPU, raw WebGPU, WGSL fragment - captions-overlay ★ 48,395
Overlay doctrine for the embedded-captions workflow — the caption MODEL (drop / rail / embed) and the rule that captions are an OVERLAY comp - motion-doctrine ★ 48,395
GATEWAY — load FIRST before composing any HyperFrames animation or video. The high-level motion law that makes a multi-scene video feel like - cut-the-curve ★ 48,395
The technique catalog: five velocity-matched SEAMS (zoom-through, INVERSE zoom-through, cut-the-curve, waterfall cut, rack-focus blur-cut) p - seam-craft ★ 48,395
Render-correctness doctrine for scene-to-scene seams in HyperFrames launch videos — the prerequisites that make transitions composite correc - changelog-video ★ 48,395
Turn a weekly changelog .md into a finished branded changelog video (square 1080, ~45-60s, Annie VO, animated brand background, mock-UI visu - oversized-cursor ★ 48,395
House-style oversized macOS cursor technique for HyperFrames launch videos. Load whenever a scene involves cursors or a pointer-led action, - graphic-overlays ★ 48,395
Package an existing talking-head / interview / podcast video by layering timed, designed GRAPHIC OVERLAY cards onto the playing video — titl - hyperframes-read-first ★ 48,395
heygen-com/hyperframes · skills.sh - heygen-video ★ 431
heygen-com/skills · skills.sh - claude-design-hyperframes ★ 48,395
heygen-com/hyperframes · skills.sh - heygen-avatar ★ 431
heygen-com/skills · skills.sh - heygen ★ 431
heygen-com/skills · skills.sh - heygen-translate ★ 431
heygen-com/skills · skills.sh - text-to-speech ★ 431
heygen-com/skills · skills.sh - video-translate ★ 431
heygen-com/skills · skills.sh - video-understand ★ 431
heygen-com/skills · skills.sh