heygen-com

heygen-com/hyperframes

24 resources in this repository

GitHub
🎯24

🎯Skills24

🎯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-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
🎯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
🎯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
🎯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
🎯hyperframes-media🎯Skill

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

hyperframes-media
🎯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
🎯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
🎯compose-video🎯Skill

Skill

compose-video
🎯captions🎯Skill

Skill

captions
🎯audio-reactive🎯Skill

Skill

audio-reactive
🎯hyperframes-tts🎯Skill

Skill

hyperframes-tts
🎯marker-highlight🎯Skill

Skill

marker-highlight