cth9191/animate

这是什么？

核心功能

• 01内置 7 种绘制风格，并可根据参考素材匹配自定义风格。
• 02通过无头 Chromium 与 ffmpeg 逐帧确定性渲染为 MP4。
• 03提供自有音乐时，按曲目节拍对齐画面切换。
• 04可选旁白配音，用 faster-whisper 检查逐词时间。
• 05可从网址截取真实产品界面，并在风格中做动画。
• 06同一作品可导出竖版、方版、4:5 和宽屏等多种画幅。

适用场景

• 为数据结构、网络协议等技术概念制作简短解说视频。
• 用选定的视觉风格制作历史时间线或短篇故事动画。
• 用产品自己的截图和音乐，制作竖版或方形的发布短视频。
• 无需手绘逐帧或使用视频编辑器，直接用代码生成动画内容。

快速上手

1. 1

   安装 Playwright 和 Chromium

   npm i -g playwright && npx playwright install chromium
2. 2

   在 Claude Code 中添加插件市场

   /plugin marketplace add cth9191/animate
3. 3

   在 Claude Code 中安装 animate 插件

   /plugin install animate@animate
4. 4

   向 Claude Code 提出动画需求

   /animate a 45-second history of the bicycle, cut paper

使用前须知

• !需要 Claude Code、Node 18 及以上版本、带 Chromium 的 Playwright，并且 ffmpeg 需在 PATH 中可用。
• !配音功能需要带 faster-whisper 的 Python，ElevenLabs 连接器用于声音为可选项。
• !WebGL 动态设计风格仅为规划中的功能，目前尚不可用。

标签

常见问题

animate 是什么？

一个 Claude Code 技能，用代码生成程序化 canvas 短动画，并通过无头浏览器和 ffmpeg 渲染为 MP4。 Animate 是一个 Claude Code 技能，用于完全以代码制作短小的解说视频、历史故事和小型叙事动画。每个作品都是一个自包含的 HTML canvas 文件，画面和配乐都由程序生成，逐帧确定性输出，并可用 Playwright 与 ffmpeg 渲染为 MP4。

animate 可以免费使用吗？用的什么许可证？

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

animate 还在维护吗？

活跃维护中。animate 最近一次提交是在 2026年10月5日。

animate 适合用来做什么？

为数据结构、网络协议等技术概念制作简短解说视频。 用选定的视觉风格制作历史时间线或短篇故事动画。 用产品自己的截图和音乐，制作竖版或方形的发布短视频。 无需手绘逐帧或使用视频编辑器，直接用代码生成动画内容。

animate 怎么安装和运行？

安装 Playwright 和 Chromium: npm i -g playwright && npx playwright install chromium 在 Claude Code 中添加插件市场: /plugin marketplace add cth9191/animate 在 Claude Code 中安装 animate 插件: /plugin install animate@animate 向 Claude Code 提出动画需求: /animate a 45-second history of the bicycle, cut paper

在哪里获取 animate？

源代码和安装说明在 GitHub 上：https://github.com/cth9191/animate