AI-Animation-Skill — HTML 科普动画生成

来源：扔掉PPT，用这44个HTML动画模板，让AI帮你做科普视频
仓库：Unclecheng-li/AI-Animation-Skill
协议：MIT

项目简介

AI-Animation-Skill 是一套面向科普视频制作的 HTML 动画模板集，以 Skill 形式运行在 OpenClaw / WorkBuddy / QClaw 等 AI Agent 平台上。

核心思路：输出物是单个 HTML 文件——浏览器直接打开即可看到完整动画效果，F11 全屏 + 录屏即为视频。44 个模板全部是纯前端代码，零第三方框架依赖，最轻量的模板仅 331 行。

传统科普视频链路：写稿 → 做 PPT → 调动画 → 录屏 → 剪辑（每步不同工具）
AI-Animation-Skill：输入科普文本 → AI 自动选模板生成 HTML → 录屏完成

与主流 AI PPT 工具的核心区别

44 个模板

PPT Level2（26 个）— 核心资产

26 个模板分 9 个系列，每个系列针对特定内容类型优化：

覆盖科普视频常见内容结构：概念解释、案例展示、问题分析、方案对比、总结提炼。

PPT 基础模板（4 个）

通用基础模板，Level2 不适用时的回退选项。推荐 PPT-Generate-3（视觉效果最好）。

Animation 流程图模板（14 个）

将科普内容转化为平面 UI 风格的流程图动画。默认 RNN-3（分层卡片），特定技术概念有专用模板：

• LSTM-1：LSTM 三阶段门控机制
• word2vec-1：词向量语义身份证概念
• GPU 模板：计算节点架构展示

安装与使用

前置条件

需要 AI Agent 环境。支持平台：

安装（以 WorkBuddy 为例）

# 1. 下载源码
git clone https://github.com/Unclecheng-li/AI-Animation-Skill.git

# 2. 复制到 skills 目录
cp -r AI-Animation-Skill ~/.workbuddy/skills/

# 3. 重启 WorkBuddy

OpenClaw 用户可通过 ClawHub 一键安装，无需手动操作。

生成科普动画

模式一：PPT 演示生成 — 输入科普内容，告诉 Agent"帮我生成 PPT"。AI 自动完成：分析内容类型 → 从 26 个 Level2 模板中选择最合适的 → 生成完整动画 HTML。

模式二：流程图生成 — 在模式一完成后，说"生成流程图"，AI 从 14 个 Animation 模板中选择合适的重构。

两种模式可组合：先 PPT 版用于完整展示，再流程图版用于快速回顾。

从 HTML 到视频

HTML 文件浏览器打开 → F11 全屏 → 录屏（OBS / Win+G / 浏览器插件）。动画是确定性的，每次打开效果完全一致。

边界与局限

• 不适合品牌演示：风格偏技术科普简洁风，无企业级品牌管控
• 不支持实时协作：单人工作流，无多人同时编辑
• 依赖 AI Agent 环境：不是独立软件，需配合 OpenClaw / WorkBuddy 等使用
• 模板有限：44 个模板覆盖科普场景，营销/品牌/广告场景模板不够

与 PPT Master 的定位对比