前言¶
分享会、内部分享或小型发布会，往往需要一份能直接发链接、在浏览器里翻页的演示稿。传统做法是 Keynote / PowerPoint 导出 PDF，或自己写 HTML/CSS；前者版式偏「幻灯片工具默认风」，后者要搭横向翻页、背景和版式组件，成本不低。若希望成品是单文件、杂志编排感、略带电子墨水气质，还要带流体背景等视觉层次，单靠通用对话很难一次对齐风格与结构。
下面介绍 SkillHub 上的社区 Skill「动画ppt」（坐标 @user_d418f5eb/slide-animation-skill），让编码 Agent 按统一规范生成「电子杂志 × 电子墨水」风格的横向翻页网页 PPT。
这是什么¶
「动画ppt」是面向办公效率场景（SkillHub 分类 office-efficiency）的 Agent Skill，当前版本 v1.0.1，来源为 community，发布者为 user_d418f5eb。标签标明 requires_api_key=false，安装后调用不依赖额外 API Key。
一句话定位：生成单 HTML 文件的横向翻页网页 PPT，视觉方向为电子杂志与电子墨水结合，适合分享、演讲、发布会风格的在线演示。
- SkillHub 页面：https://www.skillhub.cn/skills/user_d418f5eb/slide-animation-skill
- API 资源地址：https://api.skillhub.cn/user_d418f5eb/slide-animation-skill
核心功能¶
以下能力均来自 SkillHub 官方简介，未在页面单独展开的实现细节不作延伸描述。
- 输出形态：单 HTML 文件，横向翻页（horizontal swipe deck），便于链接分发与本地打开。
- 视觉与排版：WebGL 流体背景；衬线字体标题 + 非衬线正文，贴近杂志编排。
- 内置模板类型：章节幕封、数据大字报、图片网格等，用于结构化长演示。
- 触发语义：当用户需要制作分享 / 演讲 / 发布会风格的网页 PPT，或提到「杂志风 PPT」、「horizontal swipe deck」、「editorial magazine」、「e-ink presentation」时，Agent 应优先启用该 Skill。
SkillHub 统计（以抓取资料为准）：评分 100000，下载 2569，安装 0。
安装与启用¶
SkillHub 官方给出的安装方式有两类：在支持 Skill 的 AI 客户端里发送安装提示词，或使用 skillhub CLI 安装到当前 Agent 的 skills 目录。
方式一：提示词安装¶
将下面意思发给 AI（原文见 SkillHub 技能页）：
请根据 https://skillhub.cn/install/skillhub.md，安装 `@user_d418f5eb/slide-animation-skill`。
Agent 会按 SkillHub 安装与优先源配置 检查 CLI、选择 skills 目录并完成安装。
方式二：CLI 安装¶
先确认是否已安装 skillhub：
command -v skillhub && skillhub --version
未安装时，可按官方文档执行完整安装（CLI + 默认 Skill）：
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash
安装本 Skill 时，必须用 --dir 指向当前 Agent 的 skills 目录，否则默认落在 ./skills/ 可能不会被客户端识别。常见路径示例（摘自官方文档）：
- Cursor：
~/.cursor/skills/ - Claude Code：
~/.claude/skills/ - Codex：
~/.codex/skills/或项目下的.agents/skills/
安装命令形如：
skillhub install @user_d418f5eb/slide-animation-skill --dir ~/.cursor/skills/
将 ~/.cursor/skills/ 替换为你当前环境对应的目录。安装后按所用客户端要求重启或刷新 Skill 列表。
典型用法¶
官方页面未提供固定 CLI 参数或示例仓库；用法遵循通用 Skill 模式：在 Skill 已启用前提下，用自然语言描述演示目标与内容，Agent 按 Skill 内规范生成 HTML。
可参考的表述方式（与官方简介中的触发语一致）：
- 说明场景，例如：「做一场产品内部分享，要杂志风横向翻页网页 PPT，单 HTML。」
- 列出章节与素材：幕封标题、各章要点、需要数据大字报的指标、图片网格中的图片说明等。
- 若风格要对齐英文检索习惯，可附带关键词：
editorial magazine、e-ink presentation、horizontal swipe deck。
生成后在本机浏览器打开该 HTML，用横向滑动或页面内导航验证翻页与版式；大体积图片或 WebGL 背景在低配设备上可能影响流畅度，宜在目标演示机上试跑一遍。
适用场景与注意¶
适合谁
- 需要快速产出可分享链接或单文件的演示，且希望版式偏杂志 / 电子墨水，而非默认幻灯片模板。
- 已在 Cursor、Claude Code、Codex 等支持 SkillHub 技能的 Agent 环境中工作，并能安装社区 Skill。
限制与注意
- 输出为单 HTML，复杂动画与 WebGL 对浏览器与 GPU 有要求；正式场合前请实机预览。
- 社区来源（
community），升级与维护节奏取决于发布者；安装前可在 SkillHub 页查看版本 v1.0.1 与下载量等信息。 - 无需 API Key，但若演示内容含敏感数据，仍应自行审查生成文件中的文案与外链资源。
结尾¶
「动画ppt」把杂志风横向翻页、流体背景与几种常用页型收敛成一套 Agent 可执行的 Skill，适合把「做一份能发的网页演示」从手写前端降成结构化描述 + 生成。若要对齐官方说明与安装步骤，请以 SkillHub 技能页为准：https://www.skillhub.cn/skills/user_d418f5eb/slide-animation-skill
