hyperframes

通过 HTML 和 CSS 创建视频，专为 AI 代理设计。

MCP设计与多媒体开源

查看来源 →

形态: MCP
是否开源: 是
GitHub Stars: ★ 3.1w
收录来源: mcp-github
仓库: github.com/heygen-com/hyperframes

能力说明

HyperFrames 是一个开源框架，可以将 HTML、CSS、媒体和可寻址动画转换为确定性的 MP4 视频。它可以通过 CLI 本地使用，也可以通过 AI 编码代理使用。HyperFrames 提供了一个生产循环，包括计划视频、编写有效的 HTML、连接可寻址动画、添加媒体、检查、预览和渲染。适用于需要将网页内容转换为视频的场景，如产品介绍、数据可视化等。

能力点

▪HTML 转视频
▪支持 CSS 和媒体
▪可寻址动画
▪AI 代理集成

适用场景

产品发布视频代码审查演示数据可视化社交媒体视频

接入方式

依赖：Node.js 22+FFmpeg

npx skills add heygen-com/hyperframes

以上信息由 AI 基于公开资料整理，可能存在偏差，以来源为准。

常见问题

如何开始使用 HyperFrames？

安装 HyperFrames 技能并描述你想要的视频。

HyperFrames 支持哪些 AI 代理？

支持 Claude Code、Cursor、Gemini CLI、Codex 等。

相关 Skill

video-shotcraft

AI 视频技能，用于制作电影级产品宣传视频。

Agent SkillAI 视频动态设计

manim_skill

为 Manim 提供创建 3Blue1Brown 风格动画的 Agent 技能。

drawio-skill

从自然语言生成 draw.io 图表，支持多种预设和导出格式。

ui-ux-pro-max-skill-cn

为 AI 编码助手提供专业级 UI/UX 设计智能。

logo-generator-skill

专业SVG标志生成器，提供多种设计变体和展示背景。

palmier-pro

为AI构建的macOS视频编辑器，支持生成和编辑视频。