Animate Skill 技能

技能简介 Animate 是一款面向 Claude Code 的"程序化动画生成"技能，用纯代码生成完整短视频。不同于剪辑软件，它把动画拆成「故事语法 + 渲染套件 + 样式插件」三层：给一段脚本和参考素材，自动规划分镜、绘制关键帧、用 headless 浏览器渲染为 MP4，并把语音、字幕、音乐、节拍对齐同一时间轴。内置 8 种风格（剪纸、十字交叉墨线、Riso 三色叠印、素描本、manim 风格数学、黑客像素、等距线框、可扩展样式 API），允许用自己的参考图新建样式。

核心能力

1. 8 种内置样式插件：剪纸、十字交叉墨线、Riso、素描本、math、pixel、isometric，每种自带 grammar、palette、motion rules。
2. 故事语法：8 种短片格式（历史编年、节奏任务卡、问题-解决方案等），通用规则约束（一个常驻元素、颜色各司其职、寂静前置、爆点最大）。
3. 形变过渡：把"前一帧收口于一物、形变成下一帧对应物、下一帧从它打开"作为标准镜头语言，单条 timeline 串多场戏。
4. 音乐感知 + 节拍切：自动分析 BPM、bars、强拍、声音断点；cut 打在声母与歌拍，片头放最响 hit。
5. 语音旁白 + 字音对齐：ElevenLabs 或本地录音生成配音；faster-whisper 校准每词时间，自动重排画面贴合语音。
6. 真实产品集成：截图你的网站或读取 logo 文件，让动画展示真实 UI 而非摆拍。
7. 多格式自动排版：9:16、1:1、4:5、16:9 同时输出，每种都重排版而不是简单裁切。
8. 可复现 + 并行构建：画面是纯时间函数；任意子任务并行渲染，长片可拆给多个 agent。

安装配置

1. 前置：Claude Code、Node.js 18+、Playwright Chromium、ffmpeg；可选 faster-whisper 与 ElevenLabs 配音。
2. 安装依赖：npm i -g playwright && npx playwright install chromium。
3. 作为插件安装：/plugin marketplace add cth9191/animate && /plugin install animate@animate。
4. 手动安装：复制 plugins/animate/skills/animate/ 到 ~/.claude/skills/animate/。

使用步骤

1. 在 Claude Code 中以 /animate 触发，例如 /animate 自行车 45 秒历史，剪纸风。
2. 选样式或上传参考图，skill 走 6 步：intake → story → look → storyboard → build → delivery。
3. skill 在 4 个检查点暂停等你确认（故事、风格、分镜、首版）。
4. 调用导出工具 node $SKILL/tools/export.mjs pieces/ --share --formats 9:16,1:1,16:9 一次性出多版 MP4。

适用场景

• 创业公司发布视频、API/产品介绍视频
• 历史、科普、协议、人物传记类解释短片
• 30 秒产品演示片（截图网站 → 自动生成）
• 制作解说配音版 MV / 教学短片
• 运营、营销团队需要批量产出多版本短视频

适用人群

• 用 Claude Code 写代码的内容创作者
• 想做风格化短视频但不会 After Effects 的产品经理
• AI 教学课程老师、播客主、博主
• 任何想批量产出多平台短视频的运营/营销团队

工作原理 Animate 把每个画面建模为「故事时间 t 的纯函数」。渲染套件（kit）负责随机种子、镜头、合成、形变过渡、合成器、响度处理；样式插件提供笔触、调色、动效习惯；构建脚本把这些打包成单一 index.html，用 Playwright + headless Chromium 渲染为帧，再用 ffmpeg 编码为 MP4。故事语法与 craft 规则约束每一帧都"有一个元素在动"，并主动规避 AI slop 痕迹（页眉 logo、角落标签、默认 fade）。

官方链接

• 仓库：https://github.com/cth9191/animate
• 文档：仓库内 plugins/animate/skills/animate/SKILL.md
• 许可证：MIT