claude-motion-design

让 Claude Code 用纯代码做动效视频的 Skill，适合做发布片和社交短片。

生态: Agent Skills
Skill 分类: 媒体
创建者 / 机构: Raphaël Aubry（howseen-ai，Howseen AI）

它是什么

claude-motion-design 是 Howseen 创始人 Raphaël Aubry 做的 Claude Code Skill，用来做发布片、产品宣传片、作品集短片和 LinkedIn、X 上的动效视频。它不用 After Effects 这类剪辑软件：画面写在一个 HTML 页面里，每一帧都按时间算出来，再用 Playwright 逐帧截图，用 ffmpeg 合成视频，最后按音乐节拍放音效、统一响度。AI 在里面负责写简报、写动画代码、看截图自查再改。特别的地方是整部片子由一个 seek(t) 函数决定，同样的输入每次出同样的画面，改一个镜头不会动到别的地方。

亮点：

先出 4 张静帧，确认了才渲染全片
有检查跳帧、闪帧和循环接缝的步骤
音乐按能量找高潮点，让高潮落在关键画面上
README 说示例里的 Howseen 发布片就是用它做的，完整源码在 examples/howseen-launch。

怎么用：

先运行 mkdir -p ~/.claude/skills && cp -r skill/motion-design ~/.claude/skills/ 把 Skill 放进 Claude Code
再运行 pip install playwright imageio-ffmpeg numpy pillow && python -m playwright install chromium 装依赖
最后在 Claude Code 里直接要一段视频，或者输入 /motion-design。

适合谁：

想让 AI 用代码做产品发布片和社交媒体动效视频的开发者和创作者。

使用前提：

需要 Claude Code、Python 和 Playwright 的 Chromium。
SKILL.md 是作者按自己的工作流写的，里面提到的很多旧作品文件夹不在仓库里，仓库只带一个示例。
素材脚本会联网从 Mixkit、Pexels、Unsplash、svgl 等网站下载音乐、音效、图片和图标，各自按原网站的许可证使用；接 21st.dev 要填自己的 key。
SKILL.md 里有几个要留意的步骤：给界面里的假人物头像取图时，从 AI 头像网站下载后裁掉中间以外的部分来去掉水印；有一个“复刻模式”，先下载别人发布的视频，逐帧照着做出换成自己品牌的版本，作者要求不用原片的音乐、配音和人物照片；做梗图素材时用 yt_dlp 从 YouTube 下载片段。
请只用在自己有权使用的素材上，复刻他人作品和去除水印可能涉及版权和平台条款，由使用者自行负责。
使用这些功能前，请自己斟酌安全，由此产生的后果与本站无关，本站一概不负责。
作品名里的 Claude 指它配合使用的 AI 产品，作品和 Anthropic 没有隶属关系。
代码许可证是 MIT，下载的第三方素材按各自许可证，品牌标志归各自所有者。

以上根据项目公开说明整理，本站没有实际测试。