HyperFrames by HeyGen

io.github.heygen-com/hyperframes

Official HyperFrames by HeyGen: the best AI video editor in chat. Captions, motion graphics, MP4.

Connect this server

Add this to your MCP client config — claude_desktop_config.json (Claude Desktop) or .cursor/mcp.json (Cursor).Suits: Cursor · HTTP clients.

{
  "mcpServers": {
    "hyperframes": {
      "url": "https://mcp.heygen.com/mcp/hyperframes/"
    }
  }
}

A starting point — check the repository for exact arguments and setup. Restart your client after editing the config.

Category
Media & Creative
Version
1.0.0
Registry
active
Published
11/13/2026

On GitHub

read Nov 15, 2026
Stars
84k
Forks
7.8k
Last push
Nov 15, 2026
License
Apache-2.0

TypeScriptaiai-agentsanimationclaude-codeffmpegframeworkgsaphtmlhtml-to-videomcpmotion-graphicspuppeteerrenderingtypescriptvideo-editor

From the README

Write HTML. Render video. Built for agents. Studio | Quickstart | Showcase | Playground | Catalog | Docs | Discord Download the desktop app: macOS · Windows · Linux (.deb) HyperFrames is a free, open-source framework for turning HTML, CSS, media, and seekable animations into deterministic MP4 videos. Use it locally with the CLI, from AI coding agents with skills, or as the rendering core behind hosted authoring workflows. The HyperFrames Studio app is free to use as well; its Pro plan adds HeyGen's top video, image, voice and music models. Using Claude Code, Codex, Cursor, or another coding agent? Run npx hyperframes skills update once, then ask your agent to make a video. Quick Start With an AI coding agent For Claude Code, install the versioned plugin: To enable auto-update for the hyperframes marketplace, run claude in a terminal in your project. In Claude Code's terminal UI, run /plugin, then select Marketplaces → hyperframes → Enable auto-update. Afterward, use /hyperframes:hyperframes. See the plugin guide for Copilot, VS Code, Cursor, Gemini CLI, updates, and migration. For standalone skills (including OpenCode), use: The picker opens with nothing pre-selected — the Core Skills group is all you need; /slideshow, /remotion-to-hyperframes and /figma install on demand. Without the picker (a script or a CI job), npx hyperframes skills update installs exactly the core set, whereas skills add --all installs all 9 published skills.…

Read the full README on GitHub →

Remotes

  • streamable-httphttps://mcp.heygen.com/mcp/hyperframes/
Browse all Media & Creative →

Add the badge to your site

Show visitors that HyperFrames by HeyGen is listed here — it’s also the link we check for a free listing.

HyperFrames by HeyGen — listed on Serverdex

HTML — for your website

<a href="https://serverdex.io/server/io-github-heygen-com-hyperframes?utm_source=badge"><img src="https://serverdex.io/brand/badge.svg" alt="HyperFrames by HeyGen — listed on Serverdex" width="123" height="40" loading="lazy"></a>

Recommended. A dofollow link from your own domain is the one that counts for search engines, and it's the link we check for a free listing.

Markdown — for your README

[![HyperFrames by HeyGen — listed on Serverdex](https://serverdex.io/brand/badge.svg)](https://serverdex.io/server/io-github-heygen-com-hyperframes?utm_source=badge)

Nice for visibility, but GitHub marks README links nofollow, so it doesn't pass authority. Use the HTML badge on your site as well.