ppt skills:用单文件 HTML 做横向翻页网页 PPT

前言

分享会、内部分享或小型发布会,常见做法是 Keynote / PowerPoint 导出 PDF,或把每页做成图片再拼成长图。前者改稿成本高,后者在浏览器里横向翻页体验差。若希望「一个文件就能发链接、左右滑动翻页、版式有设计感」,往往需要自己写 HTML/CSS,或从零搭 WebGL 背景与章节结构。

下面介绍 SkillHub 上的 ppt skills(坐标 @user_7affc6ba/guizang-ppt-skill-20260719):让 Agent 按统一规范生成单 HTML 文件的横向翻页演示页,并内置两种视觉体系与多种页面模板。

这是什么

ppt skills 是社区来源(community)的 Agent Skill,版本 1.0.0,分类为 office-efficiency,由发布者 user_7affc6ba 维护。SkillHub 页面标注 requires_api_key=false,安装后无需额外 API Key。

它解决的是:在对话里描述内容与风格,由 Agent 产出可直接打开的网页 PPT,而不是通用幻灯片导出流程。

核心功能

以下能力均来自 SkillHub 官方简介,未做扩展解读。

  1. 输出形态:横向翻页网页 PPT,单个 HTML 文件,便于分享与本地打开。
  2. 视觉与动效:支持 WebGL 背景;页面类型包括章节幕封、数据大字报、图片网格等模板。
  3. 两种风格:
    - 「电子杂志 × 电子墨水」:衬线字体、流体背景、暖色调。
    - 「瑞士国际主义」:无衬线、网格点阵,高亮色包含 IKB、柠檬黄、柠檬绿、安全橙。
  4. 触发语境:适合制作分享 / 演讲 / 发布会风格的网页 PPT;用户提到「杂志风 PPT」「瑞士风 PPT」「Swiss Style」「horizontal swipe deck」等时,Agent 应优先启用该 Skill。

安装与启用

Skill 基于通用 SKILL.md 格式。安装时须把文件放到当前 Agent 识别的 skills 目录;SkillHub 文档强调:CLI 安装必须用 --dir 指向该目录,否则默认落在 ./skills/ 可能不会被加载。

方式一:让 Agent 按官方指引安装

将下面提示词发给支持 Skill 的 AI(Cursor、Claude Code 等),由 Agent 读取安装文档并完成安装:

请根据 https://skillhub.cn/install/skillhub.md,安装 `@user_7affc6ba/guizang-ppt-skill-20260719`。

方式二:SkillHub CLI

先确认是否已安装 CLI:

command -v skillhub && skillhub --version

未安装时,可按 SkillHub 安装文档执行(完整安装示例):

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash

安装本 Skill 时,将 --dir 换成你当前环境的 skills 路径,例如:

Agent skills 目录(来自 SkillHub 安装文档)
Cursor ~/.cursor/skills/
Claude Code ~/.claude/skills/
Codex ~/.codex/skills/ 或项目下的 .agents/skills/

命令形式(坐标以官方页面为准):

skillhub install @user_7affc6ba/guizang-ppt-skill-20260719 --dir ~/.cursor/skills/

路径请按你实际使用的客户端替换;安装后若 Agent 未立刻识别,可按该客户端说明重启或刷新 Skill 列表。

典型用法

官方页面未提供逐步复制的对话脚本,触发方式与简介中的场景一致。经过上面的安装步骤后,可在对话中直接说明需求,并点明风格与结构,例如:

  1. 说明用途:内部分享、产品发布、技术演讲等。
  2. 选定风格:杂志 × 电子墨水,或 瑞士国际主义(Swiss Style)。
  3. 列出页面类型:是否需要章节幕封、数据大字报页、图片网格等。
  4. 要求交付物:单文件 HTML,横向滑动翻页。

Agent 在 Skill 约束下生成 HTML;你本地用浏览器打开该文件即可预览翻页效果。具体 DOM 结构、依赖脚本是否内联,以 Skill 内 SKILL.md 为准(安装后可在 skills 目录中查看)。

适用场景与注意

适合谁:需要快速做「网页版 deck」、又希望版式有杂志感或瑞士平面风格的开发者、产品或运营;不想从零写 WebGL 与翻页逻辑时。

限制与注意:

  • 产物是网页 PPT,不是 .pptx;若下游必须用 Office 格式,需另做转换。
  • WebGL 背景与动效对浏览器与设备性能有要求,正式分享前应在目标环境试开。
  • SkillHub 统计(以 api 抓取页为准):评分 100000,下载 5786;页面数据会变动,以安装时 SkillHub 显示为准。
  • 不要与线索中未在官方页核实的数字混用;本文数据来源为 SkillHub 技能页与 api 元数据。

结尾

ppt skills 把「横向翻页 + 单 HTML + 两套设计风格 + 常见页面模板」收进一个 Skill,适合在 Agent 对话里从内容直接落到可分享的网页演示。

官方入口:

  • 技能页:https://www.skillhub.cn/skills/user_7affc6ba/guizang-ppt-skill-20260719
  • API 元数据:https://api.skillhub.cn/user_7affc6ba/guizang-ppt-skill-20260719
羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

Xiaoye