前言¶
分享会、内部分享或发布会场景里，常见做法是：要么在 Keynote / PowerPoint 里堆模板，要么让前端同事单独做一页「横向滑动」的 H5。前者版式容易显得普通，后者又要多一条协作链。若希望 Agent 根据大纲直接产出可打开的演示物——单文件 HTML 或仍可在 Office 里改的 .pptx——并把杂志感或瑞士平面风格一并定好，可以把安装与生成流程交给 SkillHub 上的社区 Skill「html-ppt生成」（坐标 @user_6401b215/guizang-ppt-skill，当前版本 1.0.0）。
这是什么¶
「html-ppt生成」是 SkillHub 分类 office-efficiency 下的社区来源 Skill，发布者为 user_6401b215。它面向「需要制作分享 / 演讲 / 发布会风格演示」的场景：输出横向翻页的网页 PPT（单个 HTML 文件），或生成可编辑的 .pptx；页面侧可带 WebGL 背景、章节幕封、数据大字报、图片网格等模板能力。标签标明 requires_api_key=false，不依赖额外 API Key 即可按 Skill 说明使用。
官方入口：
- SkillHub 页面：https://www.skillhub.cn/skills/user_6401b215/guizang-ppt-skill
- API 坐标：https://api.skillhub.cn/user_6401b215/guizang-ppt-skill
核心功能¶
下面介绍已在与官方简介、SkillHub 页面对齐后的能力点。
两种成品形态
- 单 HTML 文件的横向翻页网页 PPT（适合浏览器全屏演示或静态托管分享）。
- 可编辑的
.pptx（适合仍需在 PowerPoint / WPS 里微调文案与排版的团队）。
内置模板与版式元素
- WebGL 背景
- 章节幕封
- 数据大字报
- 图片网格
两套视觉风格（选型时在对话里指明即可）
| 风格 | 特征（据官方简介） |
|---|---|
| 电子杂志 × 电子墨水 | 衬线字体、流体背景、暖色 |
| 瑞士国际主义 | 无衬线、网格点阵；高亮色含 IKB、柠檬黄、柠檬绿、安全橙 |
何时应触发该 Skill（官方描述中的用语）
当用户需要杂志风 / 瑞士风演示，或提到「杂志风 PPT」「瑞士风 PPT」「Swiss Style」「horizontal swipe deck」，或明确要「生成可编辑的 ppt」时，Agent 应优先走本 Skill 的流程。
安装与启用¶
安装方式以 SkillHub 通用说明为准：先确认本机是否有 skillhub CLI，再把技能装到当前 Agent 实际读取的 skills 目录（装错目录会导致 Agent 识别不到）。
1、检查 CLI
command -v skillhub && skillhub --version
若未安装，可按 SkillHub 安装文档执行完整安装或仅 CLI（文档地址：https://skillhub.cn/install/skillhub.md）：
# 完整安装（CLI + 默认 Skill，推荐）
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash
# 仅安装 CLI
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash -s -- --cli-only
2、安装本 Skill
安装时必须使用 --dir 指向当前环境的 skills 目录。SkillHub 文档给出的常见路径示例：
- Cursor：
~/.cursor/skills/ - Claude Code：
~/.claude/skills/ - Codex：
~/.codex/skills/或项目下的.agents/skills/
以 Cursor 为例：
skillhub install @user_6401b215/guizang-ppt-skill --dir ~/.cursor/skills/
也可在 SkillHub 技能页将官方提示词发给 AI，让其按 https://skillhub.cn/install/skillhub.md 完成安装：
请根据 https://skillhub.cn/install/skillhub.md，安装 `@user_6401b215/guizang-ppt-skill`。
经过上面的步骤，重启或刷新 Agent 对 skills 的加载后，即可在对话中按下一节的触发方式使用。
典型用法¶
官方未在公开页列出独立 CLI 子命令；使用方式是在已启用 Skill 的 Agent 对话中说明目标、大纲与风格。下面示例均摘自官方「何时使用」与风格命名，可直接复现意图（具体内容替换为你的稿件即可）。
示例 1：单文件横向网页 PPT（杂志风）
用「电子杂志 × 电子墨水」风格，做一份 horizontal swipe deck，单 HTML 文件。
章节：1）背景 2）三个核心指标（数据大字报）3）产品截图网格 4）章节幕封收尾。
示例 2：瑞士国际主义 + 发布会语气
Swiss Style 网页 PPT：无衬线 + 网格点阵，高亮用 IKB 和安全橙。
横向翻页，含 WebGL 背景和章节幕封，共 8 页，主题是 Q3 业务复盘。
示例 3：需要可编辑 pptx
生成可编辑的 ppt，瑞士风 PPT 版式，保留数据大字报和图片网格模板，大纲如下：……
Agent 按 Skill 内 SKILL.md 的流程生成对应文件后，HTML 用浏览器打开即可横滑演示；pptx 用本地 Office 类软件打开编辑。
适用场景与注意¶
适合谁
- 需要快速出「像发布会 / 杂志」的演示，又不想从零写前端或套通用 PPT 主题的团队。
- 既要网页演示的观感，又偶尔要把同一套结构落到
.pptx给非技术同事改稿的场景。
使用上需注意
- 技能为 community 来源，版式与生成质量依赖 Skill 内模板与当前 Agent 的执行；重大对外场合建议生成后再人工过一遍文案与数据。
- 安装目录必须与当前 Agent 一致；SkillHub 文档明确默认装到
./skills/时可能不会被识别。 - 公开资料未要求 API Key；若你所在环境对
curl安装脚本或skillhub访问有网络限制，需在可联网权限下完成 CLI 与技能安装。
SkillHub 页展示的社区热度（评分 100000、下载 20740）仅作发现参考，不代表对你稿件的排版保证。
结尾¶
「html-ppt生成」把横向网页 PPT 与可编辑 pptx、两套定好的视觉语言以及幕封 / 大字报 / 图片网格等模板收进一个 Agent Skill，适合在对话里用自然语言定风格、定结构。安装与坐标以 SkillHub 为准：https://www.skillhub.cn/skills/user_6401b215/guizang-ppt-skill 。
