heygen-comOfficial·33 Agent Skills Included

hyperframes

Turn URLs, text, and footage into finished videos with AI

Generates complete videos from a website URL, text brief, GitHub PR, music track, or existing footage. Adds captions, graphic overlays, voiceover, and beat-synced motion without manual video editing. Guides AI agents through planning, design, and rendering so anyone can produce launch videos, explainers, and decks.

43,479|4,179

↗

npx skills add heygen-com/hyperframes --all -g -y

Available:

Tells the AI agent to start at the /hyperframes router skill, which confirms the user's brief and routes each video request to the right creation workflow or domain skill.

All Skills in This Repository (33)

Pure Emerald Level Indicators

📦 In Repo

heygen-com

hyperframes

Render deterministic HTML5 video scenes with HyperFrames and GSAP timelines.

website-to-hyperframes

Transform a captured website into a HyperFrames video project.

remotion-to-hyperframes

Translate Remotion compositions into HyperFrames HTML+GSAP timelines.

hyperframes-cli

Scaffold, lint, preview, and render HTML-based HyperFrames compositions.

waapi

Map Web Animations API animations to HyperFrames timing for deterministic video frames.

animejs

Convert Anime.js animations into seek-driven sequences registered on window.__hfAnime.

hyperframes-registry

Install and wire registry blocks into HyperFrames compositions via registry.json manifests.

three

Render deterministic Three.js scenes synced to HyperFrames time via hf-seek events.

tailwind

Guide Tailwind v4 browser-runtime usage in HyperFrames compositions.

lottie

Integrate Lottie and dotLottie animations into HyperFrames via a registered player interface.

gsap

Create deterministic GSAP timelines and tweens for HyperFrames compositions.

css-animations

Seek CSS animations deterministically via the css adapter in HyperFrames.

Official

Intermediate

Frequently Asked Questions

FAQPage Schema

How to install HyperFrames?▼

Run `npx skills add heygen-com/hyperframes --all -g -y` in your terminal to install the full skill suite globally.

How to make a video from a website URL?▼

Ask your AI agent for a product launch video and paste the URL; the product-launch-video workflow captures the site, plans the story, and renders a finished MP4.

Can HyperFrames add captions to an existing video?▼

Yes. The embedded-captions workflow transcribes your talking-head footage locally and composites styled captions or subtitles without altering the original video.

Does HyperFrames work with Claude Code and Cursor?▼

Yes. All skills follow the universal SKILL.md standard and run in Claude Code, Cursor, Codex, Gemini CLI, and other skill-compatible agents.

Can I use HyperFrames without video editing experience?▼

Yes. You describe the video you want in plain language, and the agent handles scripting, design, animation, and rendering for you.