heygen-com

heygen-com/hyperframes

48 resources in this repository

GitHub
🎯48
33,748

🎯Skills48

🎯hyperframes-cli🎯Skill

CLI tool for the Hyperframes video rendering framework that provides commands to create, preview, lint, and render HTML-based video compositions to MP4.

hyperframes-cli
🎯hyperframes🎯Skill

Skill for authoring HTML-based video compositions with the Hyperframes framework, covering captions, TTS, audio-reactive animation, and transitions for AI agent-driven video creation.

hyperframes
🎯hyperframes-registry🎯Skill

Skill for installing blocks and components into Hyperframes projects via the `hyperframes add` command, providing access to 50+ ready-to-use overlays, shader transitions, and data visualizations.

hyperframes-registry
🎯remotion-to-hyperframes🎯Skill

A skill for the HyperFrames open-source video rendering framework that teaches AI agents to write correct HTML-based video compositions and GSAP animations, enabling them to render video from HTML code.

remotion-to-hyperframes
🎯hyperframes-core🎯Skill

The foundational technical contract for HyperFrames HTML video compositions, defining data attributes, clip/track structure, sub-compositions, variables, media playback, deterministic rendering rules, and project validation.

hyperframes-core
🎯hyperframes-animation🎯Skill

Comprehensive animation skill for HyperFrames providing atomic motion rules, multi-phase scene blueprints, scene transitions, motion-design techniques, and seven runtime adapters including GSAP, Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, and TypeGPU.

hyperframes-animation
🎯hyperframes-creative🎯Skill

Non-animation creative direction for HyperFrames videos covering design specs, color palettes, typography, narration scripting, beat planning, audio-reactive visuals, composition patterns, and brand/style decisions.

hyperframes-creative
🎯media-use🎯Skill

Resolves media needs (background music, sound effects, images, icons) into frozen local files by searching the HeyGen catalog, downloading the best match, and registering it in a manifest. One resolve command handles the full cascade from cache lookup to provider search to file freezing.

media-use
🎯hyperframes-media🎯Skill

A media framework by HeyGen for building interactive video experiences with composable frames and real-time rendering capabilities.

hyperframes-media
🎯general-video🎯Skill

A fallback HyperFrames composition authoring skill for custom video creation when no specialized workflow fits. Handles multi-scene pieces, brand reels, montages, title cards, motion posters, static loops, and freeform compositions at any length or format.

general-video
🎯faceless-explainer🎯Skill

Converts arbitrary text (articles, notes, topics, briefs) into faceless explainer videos with auto-generated TTS narration and LLM-designed visuals including typography, abstract graphics, diagrams, and data visualizations.

faceless-explainer
🎯product-launch-video🎯Skill

Creates product launch, SaaS promo, feature reveal, and marketing videos using HyperFrames. Takes a product URL for brand capture or a brief/script, then produces a professionally structured promotional video.

product-launch-video
🎯motion-graphics🎯Skill

Orchestrator skill for creating short, design-led motion graphics with HyperFrames, covering kinetic typography, data visualizations, logo reveals, lower-thirds, social overlays, and animated headlines without narration.

motion-graphics
🎯pr-to-video🎯Skill

A Claude Code skill that transforms GitHub pull requests into polished code-change explainer videos, ingesting PR diffs, commits, and file stats via the gh CLI and rendering them as before-after, diff-highlight, and impact scenes.

pr-to-video
🎯embedded-captions🎯Skill

Adds cinematic captions to talking-head videos using a catalog of 17+ visual identities. Supports column-flow compositing (captions behind the subject via matting and occlusion) and themed constitutions with effects like neon sign reveals and glyph-decode climaxes.

embedded-captions
🎯hyperframes-keyframes🎯Skill

A Claude Code skill that guides the creation of seek-safe 2D/3D keyframe animations for HyperFrames compositions, supporting GSAP timelines, CSS keyframes, Anime.js, WAAPI, FLIP transitions, SVG morph/draw, motion paths, and 3D depth effects with built-in verification diagnostics.

hyperframes-keyframes
🎯slideshow🎯Skill

A HyperFrames skill for authoring navigable slideshow compositions with discrete slides, fragment reveals, branching sequences, and hotspot navigation for presentations and pitch decks.

slideshow
🎯music-to-video🎯Skill

A HyperFrames skill that turns a music track into a beat-synced video by analyzing the audio, laying out frames on the beat grid, and building each frame as a composition with typography and optional user-supplied media.

music-to-video
🎯website-to-video🎯Skill

Captures a website via headless Chrome screenshots and transforms it into a HyperFrames video. Produces site tours, showcases, and social clips using the site's own visuals and brand assets.

website-to-video
🎯gsap🎯Skill

Skill that teaches AI agents the GSAP animation API for Hyperframes compositions, including timelines, easing, ScrollTrigger, plugins, and performance best practices across React, Vue, and Svelte.

gsap
🎯website-to-hyperframes🎯Skill

Skill that enables AI agents to convert existing websites, PDFs, CSVs, and other content into Hyperframes video compositions, supporting format-specific outputs like TikTok-style vertical videos.

website-to-hyperframes
🎯talking-head-recut🎯Skill

A Claude Code skill that layers timed, designed graphic overlay cards (titles, lower-thirds, data callouts, quotes, side panels, picture-in-picture) onto existing talking-head or interview videos, synced to the transcript via the hyperframes CLI.

talking-head-recut
🎯css-animations🎯Skill

A CSS Animations adapter skill for HyperFrames, the open-source HTML-to-video rendering framework by HeyGen. Enables AI coding agents to use CSS animations and keyframes within HyperFrames video compositions.

css-animations
🎯tailwind🎯Skill

Part of HyperFrames, an open-source video rendering framework for creating HTML-based video compositions with AI agents; this skill provides Tailwind CSS v4 browser-runtime styling guidance for video compositions.

tailwind
🎯animejs🎯Skill

An Anime.js adapter skill for HyperFrames, the open-source HTML-to-video rendering framework by HeyGen. Teaches AI coding agents how to use Anime.js animations within HyperFrames video compositions.

animejs
🎯three🎯Skill

A Three.js adapter skill for HyperFrames, the open-source HTML-to-video rendering framework by HeyGen. Enables AI coding agents to create 3D scenes and animations within HyperFrames video compositions.

three
🎯lottie🎯Skill

A Lottie adapter skill for HyperFrames, the open-source HTML-to-video rendering framework by HeyGen. Enables AI coding agents to embed and control Lottie animations within HyperFrames video compositions.

lottie
🎯waapi🎯Skill

A Web Animations API (WAAPI) adapter skill for HyperFrames, the open-source HTML-to-video rendering framework by HeyGen. Enables AI coding agents to use native browser Web Animations within HyperFrames video compositions.

waapi
🎯contribute-catalog🎯Skill

Open-source video rendering framework that creates, previews, and renders HTML-based video compositions with first-class support for AI agents.

contribute-catalog
🎯typegpu🎯Skill

Part of HyperFrames, an open-source video rendering framework that lets you create, preview, and render HTML-based video compositions with first-class AI agent support. It provides skills that teach agents framework-specific patterns including animation, CLI workflows, and asset preprocessing.

typegpu
🎯figma🎯Skill

Skill

figma
🎯graphic-overlays🎯Skill

Skill

graphic-overlays
🎯captions-overlay🎯Skill

Skill

captions-overlay
🎯motion-doctrine🎯Skill

Skill

motion-doctrine
🎯cut-the-curve🎯Skill

Skill

cut-the-curve
🎯changelog-video🎯Skill

Skill

changelog-video
🎯seam-craft🎯Skill

Skill

seam-craft
🎯oversized-cursor🎯Skill

Skill

oversized-cursor
🎯hyperframes-read-first🎯Skill

Skill

hyperframes-read-first
🎯claude-design-hyperframes🎯Skill

Skills for HyperFrames, an open-source video rendering framework by HeyGen that lets you create, preview, and render HTML-based video compositions with first-class support for AI agents and GSAP animations.

claude-design-hyperframes
🎯hyperframes-compose🎯Skill

An open-source video rendering framework by HeyGen that lets you create, preview, and render HTML-based video compositions with first-class AI agent support, using GSAP timelines and Tailwind v4 for browser-runtime styling.

hyperframes-compose
🎯hyperframes-captions🎯Skill

A skill from HyperFrames, an open-source video rendering framework by HeyGen that lets you create, preview, and render HTML-based video compositions with first-class support for AI agents.

hyperframes-captions
🎯gsap-effects🎯Skill

A skill for creating GSAP-powered animation effects within HyperFrames, an open-source video rendering framework that turns HTML compositions into rendered videos with first-class AI agent support.

gsap-effects
🎯captions🎯Skill

Skill

captions
🎯compose-video🎯Skill

Skill

compose-video
🎯audio-reactive🎯Skill

Skill

audio-reactive
🎯marker-highlight🎯Skill

Skill

marker-highlight
🎯hyperframes-tts🎯Skill

Skill

hyperframes-tts