跳过主要内容

来自 GITHUB 的开源 SKILL

Claude 动画 Skill，收齐并渲染好了

我们收录了 41 个给 Claude Code 和 Codex 用的开源动效与动画 Skill，保留每个作者和许可证，并给每个都渲染了一条样片，装之前就能先对比。

看样片在 Claude Code 里使用

Skill 归各自作者所有 · Claude Motion 独立运营，与 Anthropic 无关

使用 Claude Motion 必须订阅付费的 Creator 或 Studio 套餐，不提供 Free 免费版。

从 GITHUB 单独安装

  • 免费，按仓库自己的许可证使用
  • 克隆到你的 skills 目录
  • 自己配好依赖（Remotion、Manim…）
  • 装一个只有一种风格

通过 CLAUDE MOTION 挑选

  • 装一次，41 个 Skill 都在列表里
  • Agent 按你的内容挑一个
  • 只下载选中的那个版本
  • 可加配音，渲染 MP4 或分享链接

41 个 GITHUB SKILL · MIT、APACHE-2.0、CC BY 4.0 · 保留原名称与版权声明

什么是 Claude 动画 Skill

Skill 是一个装着说明、常常还带代码的文件夹，Claude Code 或 Codex 在任务匹配时自动加载。动画 Skill 教 agent 一种让画面动起来的方法：一种视觉风格、一套节奏规则，或一整条视频管线。

  • 风格类

    固定一种画面，比如水彩角色、Vox 式拼贴、手绘白板。

  • 原则类

    节奏、缓动和编排规则，套在任何设计上都能用。

  • 管线类

    从脚本到分镜再到成片，常基于 Remotion、HyperFrames 或 Manim。

41 个 Skill 中 34 个是 MIT，6 个是 Apache-2.0，1 个是 CC BY 4.0（需要署名）。有些会调用付费的外部服务（图片、视频或配音 API），每个 Skill 的案例页都会写明。

浏览全部案例

安装前先看

  1. 01看许可证，以及示例美术、字体是否被排除在外。
  2. 02看它依赖什么：Remotion、Manim、Motion Canvas 还是 HTML。
  3. 03看它是否调用付费的图片、视频或配音 API。
  4. 04看一条渲染好的样片，不只看 README。

热门动画 Skill 对比

下面是搜索最多的几个 Skill，以及各自最擅长的画面。每个都有独立的案例页，写明仓库、作者和许可证。

  • 角色动画

    ClaudeAnimationBase 和 claude-animation-skill 会画角色、让角色表演。

  • 动效图形

    motion-graphics-skills、motion-studio、motion-video-skill 适合发布片和讲解短片。

  • 动效原则

    LottieFiles 的 motion-design-skill 给任何作品加上节奏与缓动规则。

查看全部 Skill
Skill作者擅长许可证
ClaudeAnimationBaseJohnHeibel水彩绘本角色MIT
motion-graphics-skillscharlie947极简产品发布、数字揭示MIT
motion-studiodomdexter脚本或口播转动画（Remotion）MIT
motion-video-skillbestagentkits卡点的 HyperFrames 视频MIT
motion-design-skillLottieFiles节奏、缓动与编排规则MIT
claude-animation-skillbuildwithhanif自然主义墨线与水彩MIT
vox-style-animationCele-san报纸网点、纸张转场MIT
manim_skilladithya-s-k用 Manim 做数学讲解MIT
hyperframes-launchesheygen-com完整的产品发布合成Apache-2.0
hyperframes-helperrobonuggets10 个 HyperFrames 动效配方CC BY 4.0

装一次，哪个都能用

Claude Motion 把收录的每个 Skill 和我们自己的风格列在一起。Agent 读完你的文档，挑出合适的 Skill，只下载那个固定版本、校验 checksum，再按它的画面语言制作，原名称和版权声明保持不变。

  • 按内容匹配

    动手前，agent 会先说明为什么选这个 Skill。

  • 同一条时间线

    每个结果都在 HyperFrames 时间线里打开，可继续修改。

  • 直接出成品

    加配音和音乐，渲染 MP4 或分享链接。

任何已连接的账号都能浏览风格。开始制作、渲染、配音和分享需要 Creator（每月 $19.9）或 Studio 方案。你也随时可以直接从 GitHub 免费安装某个 Skill。

安装 Claude Motion

每个 Skill 都有样片

每张卡片都是真实渲染。点开可看仓库、作者和许可证。

打开案例库

在 Skill 之外你还能得到

  • Skill 匹配

    Agent 按你的内容挑 Skill。

  • 固定版本

    校验、缓存，保留上游声明。

  • 动态图表

    内置 ECharts，风格一致。

  • HyperFrames 时间线

    可改片段、时长与模块。

  • 配音

    中英文，品牌名读得准。

  • 音乐

    现在生成或稍后再加。

  • 分享链接

    公开或加密码，带数据统计。

  • MP4 渲染

    本地渲染，结果稳定。

3 步试用一个 Claude 动画 Skill

  1. 1把安装指南里的一行命令粘贴到 Claude Code 或 Codex。
  2. 2带上文档说「把这个做成动效」，让 agent 挑 Skill，或者直接点名一个。
  3. 3在 HyperFrames 时间线里微调，然后渲染 MP4 或分享链接。
安装 Claude Motion：运行 npx -y claudemotion@latest setup，并按输出提示完成。

第一次运行会打开浏览器登录，点一下就好，不用碰终端。

常见问题

这些是 Anthropic 或 Claude 官方的 Skill 吗？

不是。每个都是案例页上写明的 GitHub 作者的开源项目。Claude Motion 也是独立产品，与 Anthropic 没有任何关系。

不用 Claude Motion 能用这些 Skill 吗？

能。从它的 GitHub 仓库装进 Claude Code 或 Codex 的 skills 目录，按 README 使用即可，按其许可证免费。

先从哪个动画 Skill 开始？

做角色选 ClaudeAnimationBase；做产品发布和讲解选 motion-graphics-skills 或 motion-video-skill；想给任何作品加节奏规则选 LottieFiles 的 motion-design-skill。也可以让 Claude Motion 按内容替你挑。

它们都需要 Remotion 吗？

不是。有的用 Remotion，有的用 Manim、Motion Canvas 或纯 HTML，还有几个是为 HyperFrames 写的。Remotion 有自己的许可条款，案例页会注明。

能把我自己的 Skill 加进来吗？

我们收录许可证清楚、有可运行样片的开源 Skill。请在联系页面把仓库链接发给我们。

继续了解

自己挑一个 Skill，或者让 agent 替你挑

立即获取 Claude Motion