让 AI 编程 Agent 用 HTML 写动画并渲染成 MP4 视频的框架
Star79k
24h 新增+464
7 天新增—
Fork7.2k
Issue210
语言TypeScript
项目介绍
更新于 1 天前
HyperFrames 是一个把 HTML、CSS 和动画直接渲染成 MP4 视频的开源框架，可以理解为「网页转视频」的自动化流水线，底层结合了 Puppeteer 截帧和 FFmpeg 编码。它最大的特点是为 AI 编程 Agent 设计：装上对应 skills 后，你可以在 Claude Code、Cursor、Codex 等工具里直接说「做一个 10 秒产品介绍视频，带淡入标题和背景音乐」，Agent 会按它的生产流程规划脚本、写 HTML、接上可拖动进度的动画、加媒体素材、检查并渲染成片。相比 Remotion 这类需要写 React 组件的方案，它用纯 HTML/CSS 描述画面，对 Agent 更友好，输出也确定可复现。适合做产品演示、数据图表动画、字幕叠加、幻灯片式短视频的内容团队和 AI 应用开发者；如果你的工作和视频生产或 Agent 自动化无关，可以略过。
上手成本：中
Star 趋势
话题标签
aiai-agentsanimationclaude-codeffmpegframeworkgsaphtmlhtml-to-videomcpmotion-graphicspuppeteerrenderingtypescriptvideo-editor
仓库信息
| License | Apache-2.0 |
| 创建时间 | 2026-03-10 |
| 最后推送 | 15 分钟前 |
| 热度分 | 1467.0 |