[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$f1e9otexvhziux":3},{"code":4,"message":5,"data":6,"timestamp":49},10000,"success",{"full_name":7,"position":8,"description":9,"language":10,"stars":11,"forks":12,"stars_gained":13,"age_days":14,"hn_threads":15,"one_liner":22,"summary_md":23,"topic":24,"github_topics":27,"license":43,"homepage":44,"updated_at":45,"history":46},"heygen-com\u002Fhyperframes",20,"Write HTML. Render video. Built for agents.","TypeScript",71346,6439,777,228,[16],{"id":17,"title":18,"points":19,"comments":20,"posted_at":21},48152343,"Write HTML. Render video. Built for agents",1,0,"2026-05-15","把 HTML、CSS 与可寻址动画编译成确定性 MP4，面向用代码造视频的开发者和 Agent。","## 解决什么问题\n\n做视频通常只有两条路：图形界面剪辑，脚本化能力弱；或者代码渲染，得先学一套专用动画 DSL。对于日常写 HTML\u002FCSS 的团队，这两条路都要额外付出学习成本。HyperFrames 的思路是直接把一份 HTML 文档当作视频源，由无头浏览器逐帧渲染再交给 FFmpeg 输出 MP4，让页面开发技能直接复用。\n\n## 有什么不同\n\n与 Remotion 相比，后者以 React 组件和自有渲染管线为中心，HyperFrames 则保持 HTML\u002FCSS 为源文件，动画借助 GSAP 这类可 seek 的库，渲染走浏览器加 FFmpeg，结果可复现而非实时录屏。它最有辨识度的一点是 Agent 优先：随项目提供 skills 和插件，让编码 Agent 能按提示完成规划、编写、lint、预览到渲染的闭环，另有一个约 450 个现成区块的 registry。需要注意的是 README 对渲染内部机制着墨不多，更多在讲 skills 和 CLI 的使用方式。\n\n## 适合谁\n\n适合熟悉 HTML、CSS 和动画库、需要可重复且可脚本化视频产出的开发者，例如产品介绍、数据驱动动效、字幕与叠加层，以及想把视频生成接入 Agent 工作流的小团队。反过来，想要可视化时间线、逐帧手动精修的视频编辑者，或者需要多年 issue 积累的成熟渲染器的团队，应该另寻方案。\n\n## 上手成本\n\n需要 Node.js >= 22，渲染链路依赖无头浏览器和 FFmpeg，本地与云端渲染都提供。许可证是 Apache-2.0，商用没有额外障碍。真正的成本在思路上：视频即代码，迭代靠 lint、预览、重渲染循环，而且 skill\u002F插件目录仍在变动，交互式 picker、`npx hyperframes skills update` 和插件三种安装路径各不相同，具体命令请以 README 为准。\n\n## 点评\n\n项目非常新，2026 年 3 月才创建，但星数已经很高，月度榜排到第 2、本月 +18,268，更像是短期爆发而非长期沉淀。它背后有明显的商业公司信号（README 到处是 HeyGen 链接），而发布时的 Hacker News 讨论几乎没有热度。综合来看，适合先在可控的小项目上试水，而不是立刻作为生产管线的核心，同时观察接下来几个月 registry 和渲染器是否趋于稳定。",{"slug":25,"name":26},"media","多媒体与设计",[28,29,30,31,32,33,34,35,36,37,38,39,40,41,42],"ai","ai-agents","animation","claude-code","ffmpeg","framework","gsap","html","html-to-video","mcp","motion-graphics","puppeteer","rendering","typescript","video-editor","Apache-2.0","https:\u002F\u002Fhyperframes.dev","2026-10-24T14:35:10Z",[47],{"date":48,"stars":11,"stars_gained":13},"2026-10-24",1792867143]