@heygen-com

tailwind covers browser-runtime tailwind v4 styling for hyperframes compositions, with explicit version pinning, css-first theme tokens, dynamic class safety guardrails, and deterministic render validation.

slideshow enables authoring discrete, navigable presentation decks within HyperFrames compositions using a JSON island schema for slide declaration, fragments, branching hotspots, and presenter notes. supports multi-branch narratives, fragment-based reveals, and synchronized dual-window presenter mode.

three covers deterministic three.js scene rendering within hyperframes compositions via seek-event synchronization. establishes a contract for time-based rendering, animation mixer patterns, and asset loading constraints.

contribute-catalog guides users through authoring and shipping new hyperframes registry blocks or components, from initial clarification through peer review via pull request. covers scaffolding, build templates, validation tooling, and merge requirements.

remotion-to-hyperframes converts react-based remotion video compositions to hyperframes html with frame-accuracy validation. translates ~80% of compositions mechanically, detects untranslatable patterns, and refuses output without running test suite.

website-to-hyperframes converts urls into branded video content through a 7-step workflow combining storyboarding, voice generation, and composition validation, with toggleable collaborative vs autonomous modes.

hyperframes-read-first routes video creation requests to appropriate sub-skills via a capability map and documents the composition authoring contract, but lacks step-by-step procedures and explicit failure handling.

motion-graphics routes short, design-led motion graphics under 10 seconds where motion carries meaning. it dispatches to specialized video skills for narrated, multi-scene, or interactive content, and delegates asset sourcing and composition to subagents.

graphic-overlays layers timed, designed graphic cards (titles, lower-thirds, callouts, side panels) onto existing video, synced to transcript. the agent designs each card in html and renders the composition to mp4 via hyperframes.

video-download wraps yt-dlp to fetch videos, audio, and subtitles from urls at configurable resolutions. provides command templates for common tasks but lacks structured intent/input/output contracts.

hyperframes-registry installs reusable blocks and components into HyperFrames compositions via cli. blocks require wiring attributes; components need manual html, css, javascript merging into host compositions.

css-animations provides deterministic seeking and preview support for keyframe animations in HyperFrames, suited to decorative single-element motion with fixed duration and finite iteration counts.

typegpu enables gpu-accelerated compositions in hyperframes via webgpu or typegpu, requiring manual event listening and explicit synchronization between timeline and render calls.

hyperframes-media provides three local cli commands for media preprocessing: text-to-speech with 54 multilingual voices, audio transcription with word-level timestamps, and video background removal for transparent overlays. no api keys required.

claude-design-hyperframes generates valid html/css/gsap video drafts for claude design contexts, positioning itself as a rapid brand-aware prototyping layer that hands off to claude code for animation refinement.

heygen-avatar creates and manages digital avatars for agents, users, or named characters, persisting identity data to markdown files for reuse across sessions.

faceless-explainer converts arbitrary text into faceless video with llm-generated visuals and auto-selected style presets. includes routing logic to redirect product/site/code content to specialized skills.

avatar-video wraps heygen api endpoints for creating animated videos from avatars or images, supporting voice synthesis and script control via two discriminated union types.

hyperframes-core defines the html composition contract for seekable video rendering via dom data attributes and framework-owned media playback, with animation runtime and timing primitives delegated to sibling skills.

create-video delegates video generation to heygens api via text prompt. covers authentication setup and tool preference but lacks procedural depth, failure handling, and concrete usage examples.

visual-style defines portable design systems as markdown. it maps colors, typography, layout, motion and mood into a consumable file format without explaining how those systems actually integrate or execute.

Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → reconstructed motion (frames read as…

Use when a HyperFrames composition needs seek-safe 2D/3D keyframes, GSAP timelines, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks, SVG morph/draw, text…

Package an existing talking-head / interview / podcast video with timed, designed GRAPHIC OVERLAY cards — kinetic titles, lower-thirds, data callouts, quotes,…

Web Animations API adapter patterns for HyperFrames. Use when authoring element.animate() motion, Animation currentTime seeking, document.getAnimations(),…

Lottie and dotLottie adapter patterns for HyperFrames. Use when embedding lottie-web JSON animations, .lottie files, @lottiefiles/dotlottie-web players,…

Anime.js adapter patterns for HyperFrames. Use when writing Anime.js animations or timelines inside HyperFrames compositions, registering animations on…

Agent 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…

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…

Add captions to a talking-head video. ONE catalog (CATALOG.md) of 36 visual identities behind two engines: column-flow (captions composited INTO the scene —…

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…

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…

Turn a product or marketing URL, pasted script, or brief into a product launch / promo video — SaaS promos, feature reveals, product demos, app and company…

The fallback workflow for authoring or editing any custom HyperFrames composition at any length or format — longer / multi-scene pieces, brand and sizzle…

GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), position parameter,…

Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning,…

All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven…

HyperFrames CLI dev loop. Use when running npx hyperframes init, add, catalog, capture, lint, validate, inspect, layout, snapshot, compare, grade-compare,…

READ THIS FIRST for any request to make, create, edit, animate, or render a video, animation, or motion graphic — a promo, explainer, captioned clip, title…

[DEPRECATED] Use `create-video` for prompt-based video generation or `avatar-video` for precise avatar/scene control. This legacy skill combines both workflows…

faceswap — an installable skill for AI agents, published by heygen-com/skills.

ai-video-gen — an installable skill for AI agents, published by heygen-com/skills.

video-edit — an installable skill for AI agents, published by heygen-com/skills.

video-understand — an installable skill for AI agents, published by heygen-com/skills.

video-translate — an installable skill for AI agents, published by heygen-com/skills.

text-to-speech — an installable skill for AI agents, published by heygen-com/skills.

heygen-skills — an installable skill for AI agents, published by heygen-com/skills.

heygen-video — an installable skill for AI agents, published by heygen-com/skills.