一个 Claude Code 技能,输入网站 URL 即可用 HTML 生成带音效与动态模糊的 60 fps 产品发布视频。
Lob0Garou/opus-visual-motion-engine
一个供编程智能体使用的技能包,为动效图形和代码渲染视频提供规划、渲染、自动质检到导出 MP4 的完整流程。
- Star
- 3
- Fork
- 0
- 未关闭 Issue
- 0
- 最近提交
- 26天前
这是什么?
opus-visual-motion-engine 是一个供编程智能体使用的技能包,用于制作动效图形、代码渲染视频、文字动画、落地页和示意图。它让模型按固定流程工作:先写包含节拍和时间线的规划,再基于 1920×1080 的 HTML 模板搭建画面,模板通过 seek(t) 和 DURATION 约定控制时间,之后无头渲染、运行自动质检、修正问题,最后用 ffmpeg 导出 MP4、WebM 或 GIF。
质检脚本会逐帧渲染并检查静止或空白帧、输出是否确定、文字碰撞、对比度与最小字号,以及常见的 AI 生成设计痕迹。它会输出缩略图、关键帧和包含逐帧墨迹覆盖率的 report.json,因此没有图像输入能力的模型也能据此判断效果。页面模式还会检查桌面、移动端和深色模式下的布局。
仓库还包含两个音频脚本:一个根据 cue sheet 确定性地生成背景音乐和音效,另一个提取节拍、起音和响度数据,使动效与声音对齐。
核心功能
- 01从规划到导出的完整流程,附带可复用的 1920×1080 HTML 合成模板。
- 02通过 seek(t) 实现确定性时间控制,并提供种子随机数与缓动函数。
- 03无头渲染质检,可发现静止帧、文字碰撞、对比度不足和场景间空隙。
- 04借助 ffmpeg 逐帧精确导出 MP4、WebM 或 GIF,可选附加音频。
- 05根据 cue sheet 生成原创配乐与音效,并提取节拍数据以实现动效与声音同步。
适用场景
- 借助编程智能体制作短篇动效图形或作品集视频。
- 在不使用手动剪辑软件的情况下制作代码渲染视频或文字动画。
- 在无法直接查看画面的情况下,检查智能体生成的动画是否存在布局或时序问题。
- 制作带动画过渡的落地页或示意图,并通过自动检查验证效果。
快速上手
- 1
将仓库克隆到你的 harness 技能目录
git clone https://github.com/Lob0Garou/opus-visual-motion-engine ~/.dsh/skills/opus-visual-motion-engine - 2
安装脚本依赖和 Chromium 浏览器
cd ~/.dsh/skills/opus-visual-motion-engine/scripts && npm install && npx playwright install chromium - 3
开启新会话并让智能体使用该技能;随后对其生成的 composition 运行 QA 检查
node scripts/qa.mjs composition.html
使用前须知
- 它是面向编码模型的智能体技能,需要兼容的智能体 harness 才能发挥作用。
- 导出功能需要 PATH 中有 ffmpeg,并且 Node 版本至少为 18。
- 基准测试每组只运行了一次,报告的收益没有统计学依据。
- 该项目较新,目前只有 3 颗星。
标签
常见问题
- opus-visual-motion-engine 是什么?
- 一个供编程智能体使用的技能包,为动效图形和代码渲染视频提供规划、渲染、自动质检到导出 MP4 的完整流程。 opus-visual-motion-engine 是一个供编程智能体使用的技能包,用于制作动效图形、代码渲染视频、文字动画、落地页和示意图。它让模型按固定流程工作:先写包含节拍和时间线的规划,再基于 1920×1080 的 HTML 模板搭建画面,模板通过 seek(t) 和 DURATION 约定控制时间,之后无头渲染、运行自动质检、修正问题,最后用 ffmpeg 导出 MP4、WebM 或 GIF。
- opus-visual-motion-engine 可以免费使用吗?用的什么许可证?
- opus-visual-motion-engine 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
- opus-visual-motion-engine 还在维护吗?
- 活跃维护中。opus-visual-motion-engine 最近一次提交是在 2026年9月26日。
- opus-visual-motion-engine 适合用来做什么?
- 借助编程智能体制作短篇动效图形或作品集视频。 在不使用手动剪辑软件的情况下制作代码渲染视频或文字动画。 在无法直接查看画面的情况下,检查智能体生成的动画是否存在布局或时序问题。 制作带动画过渡的落地页或示意图,并通过自动检查验证效果。
- opus-visual-motion-engine 怎么安装和运行?
- 将仓库克隆到你的 harness 技能目录: git clone https://github.com/Lob0Garou/opus-visual-motion-engine ~/.dsh/skills/opus-visual-motion-engine 安装脚本依赖和 Chromium 浏览器: cd ~/.dsh/skills/opus-visual-motion-engine/scripts && npm install && npx playwright install chromium 开启新会话并让智能体使用该技能;随后对其生成的 composition 运行 QA 检查: node scripts/qa.mjs composition.html
- 在哪里获取 opus-visual-motion-engine?
- 源代码和安装说明在 GitHub 上:https://github.com/Lob0Garou/opus-visual-motion-engine
概要由 AI 根据项目 README 生成;GitHub 数据每日更新。
相关项目
把脚本变成带旁白的解说视频或产品演示,语音、时间轴和渲染都在本地完成,可由编码智能体驱动。
面向 Claude Code 和 Codex 的智能体技能,用你应用的真实界面制作发布宣传片和短视频,按音乐节拍剪辑并在本机渲染。
一个 Claude Code 技能,可将简短主题生成节拍同步的动态图形视频,并通过 HyperFrames 渲染为 MP4。
面向 Claude Code 与 Codex 的制作技能,按六个阶段指导 30 到 90 秒动态图形视频的制作,并逐段检查质量。
一套让 AI 编程智能体用 Remotion 制作动态图形与短视频片段的 Agent Skills。