hyperframes

by heygen-com · TypeScript · ★ 13,240

Write HTML. Render video. Built for agents.

#ai#animation#ffmpeg#framework#gsap#html#mcp#puppeteer#rendering#typescript#video

Install

npx -y github:heygen-com/hyperframes

Claude Desktop config

Add this to your claude_desktop_config.json:

{
  "mcpServers": {
    "hyperframes": {
      "command": "npx",
      "args": [
        "-y",
        "github:heygen-com/hyperframes"
      ]
    }
  }
}

From the README

Write HTML. Render video. Built for agents. Hyperframes is an open-source video rendering framework that lets you create, preview, and render HTML-based video compositions — with first-class support for AI agents. Install the HyperFrames skills, then describe the video you want: This teaches your agent (Claude Code, Cursor, Gemini CLI, Codex) how to write correct compositions and GSAP animations. In Claude Code, the skills register as slash commands — invoke to author compositions, for CLI commands, and for animation help. For Claude Design, open [](https://github.com/heygen-com/hyp…

Read full README on GitHub →