howseen-ai/claude-motion-design

这是什么？

核心功能

• 01每一帧由 seek(t) 函数计算生成，结果可重复。
• 02基于 Playwright 截图和 ffmpeg 编码，支持子帧运动模糊。
• 03根据节拍图和音频峰值对齐场景切换与音效。
• 04提供逐帧锁定的复刻模式，可还原已有视频。
• 05附带脚本，可下载免费的音乐、音效、Logo 和字体。

适用场景

• 在不使用视频剪辑软件的情况下制作产品发布或宣传视频。
• 基于 HTML 场景生成与节拍同步的社交媒体短视频循环。
• 通过修改代码而非时间线编辑来迭代视频内容。
• 为不同品牌复刻一段参考动效视频。

快速上手

1. 1

   将该技能复制到 Claude Code

   mkdir -p ~/.claude/skills && cp -r skill/motion-design ~/.claude/skills/
2. 2

   安装 Python 依赖和 Chromium

   pip install playwright imageio-ffmpeg numpy pillow && python -m playwright install chromium
3. 3

   在 Claude Code 中请求生成视频，或输入 /motion-design

使用前须知

• !使用该技能需要 Claude Code 环境，渲染还需要 Chromium 和 ffmpeg。
• !音乐和音效需从第三方来源下载，并遵循其各自的许可协议，项目本身不附带这些素材。

标签

常见问题

claude-motion-design 是什么？

一个 Claude Code 技能，用 HTML、Playwright 和 ffmpeg 以纯代码制作动效设计视频，无需 After Effects。 claude-motion-design 是一个 Claude Code 技能，用于完全以代码制作动效设计视频。每一帧都由单个 seek(t) 函数依据时间计算，通过 Playwright 截图渲染，在子帧之间做运动模糊，再用 ffmpeg 编码输出。它适合希望获得可确定、可修改的视频产出，又不想依赖付费剪辑软件或授权渲染引擎的开发者。

claude-motion-design 可以免费使用吗？用的什么许可证？

claude-motion-design 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

claude-motion-design 还在维护吗？

活跃维护中。claude-motion-design 最近一次提交是在 2026年10月4日。

claude-motion-design 适合用来做什么？

在不使用视频剪辑软件的情况下制作产品发布或宣传视频。 基于 HTML 场景生成与节拍同步的社交媒体短视频循环。 通过修改代码而非时间线编辑来迭代视频内容。 为不同品牌复刻一段参考动效视频。

claude-motion-design 怎么安装和运行？

将该技能复制到 Claude Code: mkdir -p ~/.claude/skills && cp -r skill/motion-design ~/.claude/skills/ 安装 Python 依赖和 Chromium: pip install playwright imageio-ffmpeg numpy pillow && python -m playwright install chromium 在 Claude Code 中请求生成视频，或输入 /motion-design

在哪里获取 claude-motion-design？

源代码和安装说明在 GitHub 上：https://github.com/howseen-ai/claude-motion-design