hyperframes
Create videos using HTML and CSS, designed specifically for AI agents.
- Type
- MCP
- Open source
- Yes
- GitHub Stars
- ★ 30.5k
- Source
- mcp-github
- Repository
- github.com/heygen-com/hyperframes
Overview
HyperFrames is an open-source framework that converts HTML, CSS, media, and addressable animations into deterministic MP4 videos. It can be used locally via CLI or through AI coding agents. HyperFrames provides a production workflow including planning videos, writing valid HTML, connecting addressable animations, adding media, validating, previewing, and rendering. Ideal for scenarios requiring web content to be converted into videos, such as product introductions and data visualizations.
Capabilities
- ▪HTML to video
- ▪Supports CSS and media
- ▪Addressable animations
- ▪AI agent integration
Use cases
Setup
npx skills add heygen-com/hyperframes
This information was compiled by AI from public sources and may contain inaccuracies — please refer to the source.
FAQ
How do I get started with HyperFrames?
Install the HyperFrames skill and describe the video you want.
Which AI agents does HyperFrames support?
Supports Claude Code, Cursor, Gemini CLI, Codex, and others.
Related skills
video-shotcraft
AI video skill for creating cinematic product promotional videos.
manim_skill
An Agent skill for creating 3Blue1Brown-style animations with Manim.
drawio-skill
Generate draw.io diagrams from natural language, supporting multiple presets and export formats.
ui-ux-pro-max-skill-cn
Professional-grade UI/UX design intelligence for AI coding assistants.
logo-generator-skill
Professional SVG logo generator with multiple design variants and presentation backgrounds.
palmier-pro
A macOS video editor built for AI, supporting video generation and editing.