前言¶

技术分享、路演和内部汇报里，幻灯片往往卡在两条路上：要么继续用 PowerPoint，导出或转网页时版式和动效容易丢；要么自己写 HTML 幻灯片框架，对非设计背景的人来说，「选什么风格」也常常是抽象选择题。下面介绍 SkillHub 上的 fronted-slides（坐标 @user_897998da/frankyskill1）。它面向 Agent 场景：在对话里从零搭建演示，或把 PPT/PPTX 转成可展示的网页，并强调通过视觉探索帮非设计人员确定审美方向，而不是先填一堆抽象的设计参数。

这是什么¶

fronted-slides 是社区来源（community）的 Agent Skill，当前版本 1.0.0，分类为 office-efficiency，由发布者 user_897998da 维护。SkillHub 页面将其概括为：创建动画丰富、观感出色的 HTML 演示稿；适用于用户要「做演示」「把 PPT/PPTX 转成网页」「为演讲或路演做幻灯片」等意图。标签标明 requires_api_key=false，即按 SkillHub 元数据无需额外 API Key 即可配合 Agent 使用。

核心功能¶

以下能力均来自 SkillHub 官方简介，未在本地展开 SKILL.md 全文时，不延伸未写明的实现细节。

1. 从零生成 HTML 演示：在对话中描述主题、结构和动效需求，由 Agent 按 Skill 指引产出可在浏览器中展示的 HTML 幻灯片。
2. PowerPoint 转换：支持将 PPT/PPTX 转为 Web 向的演示形式，适合已有 Office 稿、希望以网页交付或嵌入的场景。
3. 面向非设计人员的审美探索：引导通过可视化尝试（而非先抽象选定一套设计系统）摸索风格，降低「不会配色、不会排版」时的决策成本。

安装与启用¶

安装流程以 SkillHub 通用文档为准；SkillHub 技能页也给出可直接发给 AI 的提示：根据安装文档安装 @user_897998da/frankyskill1。

1、确认本机已有 SkillHub CLI

command -v skillhub && skillhub --version

若未安装，可按官方安装脚本执行（完整安装或仅 CLI）：

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

2、安装到当前 Agent 的 skills 目录

安装时必须用 --dir 指向当前客户端识别的 skills 目录，否则默认落在 ./skills/ 可能不会被 Agent 加载。

skillhub install user_897998da/frankyskill1 --dir <你的 skills 目录>

常见路径（摘自 SkillHub 安装文档，以你本机环境为准）：

• Cursor：~/.cursor/skills/
• Claude Code：~/.claude/skills/
• Codex：~/.codex/skills/ 或项目下的 .agents/skills/

安装或更新 skills 后，按你所用客户端的要求重启或刷新 Agent，使新 Skill 生效。Cursor、Codex CLI、Claude Code 的差异主要体现在 skills 目录位置 与 是否需重启；安装命令本身均为 skillhub install … --dir …。

典型用法¶

Skill 的触发场景在官方简介中写得很直接，可在对话中明确说出意图，例如：

1. 新建演讲稿：说明场合（内部分享、技术 talk、路演 pitch）、页数大致结构、是否需要动效或过渡动画，请 Agent 使用已安装的 fronted-slides 生成 HTML 演示。
2. 转换现有幻灯片：提供 PPT/PPTX 文件或路径，说明目标（纯网页浏览、嵌入站点、保留动画等），请 Agent 按 Skill 完成向 Web 的转换。
3. 摸索视觉风格：若尚未确定配色与版式，可要求多稿对比或迭代预览，利用 Skill 强调的「视觉探索」而非一次性抽象定调。

具体提示词模板、文件布局与动效库以 Skill 包内 SKILL.md 为准；安装成功后可在 skills 目录下打开对应技能文件夹查阅。

适用场景与注意¶

适合谁

• 需要快速产出可分享 HTML 演示、又不想手写整套幻灯片框架的开发者或讲者。
• 已有 PowerPoint 稿、希望转成网页交付的团队。
• 设计经验有限、希望通过迭代预览确定风格的使用者。

使用上需注意

• 元数据版本为 1.0.0，评分与下载量以 SkillHub 展示为准（页面数据会更新；撰写时索引为评分 100000、下载 3499、安装 34）。
• 无需 API Key 仅表示 SkillHub 标签如此标注；若生成内容依赖外部服务，仍以 Agent 与 Skill 正文说明为准。
• 大体积 PPT、复杂母版或嵌入媒体时，转换效果取决于源文件与 Agent 执行环境，宜预留人工校对版式与链接的步骤。

结尾¶

fronted-slides 把「做 HTML 演示」和「PPT 转 Web」收敛到同一套 Agent Skill 里，并针对非设计背景用户强调可视化试错。若你在 Cursor、Claude Code 或 Codex 等支持 SkillHub 的环境里做办公与演示类任务，可按上文安装坐标 user_897998da/frankyskill1，在对话中直接描述演示需求即可启用。

• SkillHub 技能页：https://www.skillhub.cn/skills/user_897998da/frankyskill1
• 安装说明：https://skillhub.cn/install/skillhub.md
• API 条目（元数据）：https://api.skillhub.cn/user_897998da/frankyskill1