65.4K ·GitHub
这是什么？
HyperFrames 是一个开源框架，可以把 HTML、CSS、媒体素材和可逐帧定位的动画转换成确定性的 MP4 视频，既可以由人使用，也能交给 AI 编程智能体来驱动。
HyperFrames 是一个开源框架，可以把 HTML、CSS、媒体素材和可逐帧定位的动画转换成确定性的 MP4 视频，既可以由人使用，也能交给 AI 编程智能体来驱动。它是命令行工具、代码库，还是智能体插件？三者皆是：它是一个可单独使用、用于本地渲染的命令行工具；一组 21 个智能体技能，可接入 Claude Code、Codex 等编程智能体；同时也是托管创作工具背后的渲染引擎。
三者皆是：它是一个可单独使用、用于本地渲染的命令行工具；一组 21 个智能体技能，可接入 Claude Code、Codex 等编程智能体；同时也是托管创作工具背后的渲染引擎。要在本地渲染，需要安装什么？需要安装 Node.js 22+ 和 FFmpeg；渲染器会驱动无界面的 Chrome，在编码每一帧之前先将其定位到对应位置。
需要安装 Node.js 22+ 和 FFmpeg；渲染器会驱动无界面的 Chrome，在编码每一帧之前先将其定位到对应位置。安装技能时是否总能只装到我需要的？不一定。交互式选择器默认只勾选精简的核心技能集；但如果是非交互式运行，或智能体运行时没有加 --skill 参数，就会安装全部 21 个已发布的技能，而不只是核心技能。
不一定。交互式选择器默认只勾选精简的核心技能集；但如果是非交互式运行，或智能体运行时没有加 --skill 参数，就会安装全部 21 个已发布的技能，而不只是核心技能。它支持哪些编程智能体？支持 Claude Code、Codex、Cursor、Gemini CLI、IBM Bob，以及其他实现了技能标准的编程智能体。
支持 Claude Code、Codex、Cursor、Gemini CLI、IBM Bob，以及其他实现了技能标准的编程智能体。frame.md 是什么？frame.md 可以把项目现有的网页 design.md 设计系统转换为 DESIGN.md 视频规范，使 AI 智能体能够沿用相同的品牌设计令牌和规则来制作宣传视频，而无需凭空猜测镜头中的缩放比例。
frame.md 可以把项目现有的网页 design.md 设计系统转换为 DESIGN.md 视频规范，使 AI 智能体能够沿用相同的品牌设计令牌和规则来制作宣传视频，而无需凭空猜测镜头中的缩放比例。渲染器如何保证每次输出结果都相同？渲染器在无界面的 Chrome 中逐帧定位，再用 FFmpeg 编码结果，因此同一份 HTML 输入总会生成同一个视频，这正是该框架所依托的确定性。
渲染器在无界面的 Chrome 中逐帧定位，再用 FFmpeg 编码结果，因此同一份 HTML 输入总会生成同一个视频，这正是该框架所依托的确定性。渲染能否在我的笔记本之外的地方运行？可以。除了本地或 Docker 渲染，HyperFrames 还可以把分布式渲染栈部署到 AWS Lambda，并从你的笔记本或 CI 远程驱动渲染。
可以。除了本地或 Docker 渲染，HyperFrames 还可以把分布式渲染栈部署到 AWS Lambda，并从你的笔记本或 CI 远程驱动渲染。HTML 中可以使用哪些动画运行时？GSAP、CSS、Lottie、Three.js、Anime.js、WAAPI，或自定义的帧适配器，均已接入，支持可定位、逐帧精确的动画。
GSAP、CSS、Lottie、Three.js、Anime.js、WAAPI，或自定义的帧适配器，均已接入，支持可定位、逐帧精确的动画。What are similar projects?brag, framefields, eian-riso-broll, agentic-product-demo, open-edit, Skills, herk-edit-kit, agentmemory
brag, framefields, eian-riso-broll, agentic-product-demo, open-edit, Skills, herk-edit-kit, agentmemoryWhich topics is it in?headless-browser, puppeteer, gemini-cli, rendering, ffmpeg, video-generation, cursor, video, animation, html, agent-skills, codex
headless-browser, puppeteer, gemini-cli, rendering, ffmpeg, video-generation, cursor, video, animation, html, agent-skills, codex