用途
该技能用于将科普内容文本转换为可视化PPT风格网页，当用户输入科普内容并希望生成演示页面时触发。它提供两种工作模式。
主要能力
模式一：生成PPT演示网页（默认）
根据科普内容生成基于纯前端单页布局、仿PPT换页轮播的图形化可视化介绍，加大文字大小，并运用加粗、下划线、斜体、文字颜色、文字背景等方式进行强调，便于视频演示。每次切换页面时，页面中各个元素（细化到每行文字）依次“缓入”出现。流程包括生成PPT提示词、生成AI_Animation.html、可选地重构为PPT模板风格。
生成时须追加两条约束：将emoji图标换成平面UI库图标（如Font Awesome或Lucide），并检查残留emoji；所有动画元素的class名统一使用 an 或 anim-item。由于AI直接生成的HTML存在动画只播放一次、切换页面后动画不复发的bug，需在页面底部（</body> 前）插入克隆节点重置动画的修复JS：
(function() {
document.querySelectorAll('.slide').forEach(function(s) {
s.querySelectorAll('.an, .anim-item, [style*="animation"]').forEach(function(item) {
var clone = item.cloneNode(true);
item.parentNode.replaceChild(clone, item);
});
});
})();
默认输出路径为 /home/mt/桌面/AI_Animation.html，用户可指定。
模式二：生成流程图（需用户明确触发）
当用户说“生成流程图”时，先阅读 assets/templates/Animation/SUMMARY.md，从14个Animation模板中选择最合适的一个，再按指定网页的平面UI样式进行视觉重构，保持现有颜色方案不变，完成后进行视觉一致性检查。该模式不生成新内容，仅将已生成的 AI_Animation.html 页面内容按模板样式重新视觉呈现。
使用方式
模式一：用户输入科普内容后，技能自动完成提示词生成、网页生成、动画修复全流程。模式二：用户输入科普内容后再说“生成流程图”，将已生成的AI_Animation.html按Animation模板重构为平面UI风格。用户可通过“以xxx.html为模板”指定其他内置模板进行重构。
模板资源
PPT轮播模板（模式一，默认，优先使用 assets/templates/PPT Template-level2/，可回退到 assets/templates/PPT/PPT-Generate-1.html 至 7.html）。Animation平面UI模板（模式二，默认 assets/templates/Animation/RNN-3.html，另有 RNN-2/4/5/6/7、LSTM-1、Comprehension、GPU、word2vec-1、onehot、onehot-drawback、The fatal flaw of DNN、Cross-modal disentanglement - 2 等）。
模板选择依据示例：对比/辩论类可参考 8-1、8-3、6-2；步骤/流程类可参考 3-2、6-1、6-3、6-4；案例/实验类可参考 4-2、4-3；警示/危险类可参考 5-4、7-3；轻量/快速可参考 3-3、4-1、9-3；最强视觉冲击可参考 2、6-2。
适用场景
适用于将科普文章制作成适合视频演示的轮播页面或平面UI流程图，例如讲解网络分层模型（如OSI七层模型）等科普主题。
限制与已知问题
切换页面后动画不重触发，原因是 animation-fill-mode: forwards 使动画只执行一次，display:none 无法重置动画状态，解决方案为切换页面时克隆DOM节点（cloneNode(true) + replaceChild）。AI直接生成的HTML代码量可能不足（有时仅200-400行），可在提示词中要求“代码1000行以上”或分多步生成后拼接。流程图模式不生成新内容，需先有PPT版内容再说“生成流程图”。重构完成后需检查目标模板是否内置动画重置修复JS，如没有需手动添加。
参数说明
PPT模板路径默认 assets/templates/PPT Template-level2/（模型自选）；流程图模板路径默认 assets/templates/Animation/RNN-3.html；输出路径默认 /home/mt/桌面/AI_Animation.html；动画修复JS内置于模板，用于切换页面时克隆节点重置CSS动画。
未提供信息
关于收费、价格、支持平台等具体信息，资料中暂未提供。