前言¶
技术分享、路演和内部汇报往往离不开幻灯片。常见路径是先在 PowerPoint 里排版，再导出 PDF 或静态页；若要做动效和网页演示，还要另开前端工程。对不擅长视觉设计的开发者来说，「选一套风格」本身也会拖慢进度。下面介绍 SkillHub 上的 Zara Frontend Slides Test：在 Agent 里用自然语言从零做 HTML 演示，或把 PPT/PPTX 转成可展示的网页幻灯片，并通过可视化探索帮助确定审美方向，而不是先抽象地定配色和版式。
这是什么¶
Zara Frontend Slides Test 是社区来源（community）的 Agent Skill，坐标为 @user_844ab8f0/zara-frontend-slides-test-0601，当前版本 1.0.1，在 SkillHub 分类为 office-efficiency。发布者为 user_844ab8f0；SkillHub 页面标注作者为 Elisedai。Skill 不要求 API Key（requires_api_key=false）。
官方简介说明其定位：从零创建动画丰富的 HTML 演示，或将 PowerPoint 文件转换为网页演示；适用于用户要制作演示、把 PPT/PPTX 转为 Web、或为演讲/路演做幻灯片的场景；并强调帮助非设计人员通过视觉探索而非抽象选项来发现个人审美。
核心功能¶
依据 SkillHub 与官方简介，可核实的能力包括：
- 从零生成 HTML 演示：输出侧重动画与展示效果的网页幻灯片，而非仅静态导出。
- PPT/PPTX 转换：将现有 PowerPoint 转为可在浏览器中使用的 Web 演示。
- 场景触发：当用户表达要做 presentation、转换 PPT、或为 talk/pitch 准备 slides 时，Agent 可据此选用该 Skill。
- 审美探索：面向非设计背景用户，通过生成与调整可视化结果来收敛风格，而不是一开始就要选定抽象的设计参数。
SkillHub 未在公开页提供逐条 API 或配置字段说明；具体工作流以安装后 Skill 包内的 SKILL.md 及 Agent 对话中的指引为准。
安装与启用¶
安装方式以 SkillHub 官方说明为准：先确保本机有 skillhub CLI，再将该 Skill 安装到当前 Agent 实际读取的 skills 目录（装错目录会导致 Agent 无法加载）。
1、检查 CLI
command -v skillhub && skillhub --version
若未安装，可按 SkillHub 文档执行完整安装（含 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
SkillHub 页面给出的安装提示为：根据 SkillHub 安装文档 安装 @user_844ab8f0/zara-frontend-slides-test-0601。命令形态如下（--dir 须替换为当前环境的 skills 路径）：
skillhub install user_844ab8f0/zara-frontend-slides-test-0601 --dir <skills 目录>
常用客户端 skills 目录（摘自官方安装文档，按你实际使用的客户端择一）：
- Cursor：
~/.cursor/skills/ - Claude Code：
~/.claude/skills/ - Codex：
~/.codex/skills/或项目下的.agents/skills/
示例（在 Cursor 中使用时）：
skillhub install user_844ab8f0/zara-frontend-slides-test-0601 --dir ~/.cursor/skills/
也可将 SkillHub 页面上的安装提示词直接发给 AI，让其按上述文档完成安装。安装后若 Agent 未立即识别新 Skill，按所用客户端说明重启或刷新 skills 加载方式。
典型用法¶
公开资料未附带固定 CLI 子命令或示例仓库；典型用法是在已启用该 Skill 的 Agent 对话中说明目标，由 Skill 引导生成或转换。与官方简介一致的表述方式包括：
- 说明要从零做一场带动效的 HTML 演示（可附带主题、页数、演讲场合）。
- 提供本地 PPT/PPTX 路径或文件，要求转换为可在浏览器打开的幻灯片。
- 明确用途为技术分享、路演或 pitch，并请求在多种视觉方案中迭代，以「看图选风格」代替先定抽象设计清单。
具体生成步骤、文件输出路径与动效实现方式，以安装后 Skill 内说明及 Agent 执行结果为准；本文不臆造未公开的命令或配置项。
适用场景与注意¶
适合谁
- 需要快速产出可演示的网页幻灯片、又不想单独搭前端幻灯片框架的团队或个人。
- 已有 PowerPoint 稿，希望转为 Web 形式以便在线演示或嵌入页面。
- 设计经验有限，希望通过多轮可视化结果确定版式与风格。
使用上需注意
- Skill 来自社区，使用前可在 SkillHub 查看版本、简介与下载情况；截至资料抓取时，评分为 100000，下载 1088 次，安装计数为 0（以 SkillHub 页面统计为准）。
- 无需 API Key，但转换 PPT 时仍依赖 Agent 能访问你提供的文件路径与环境权限。
- 复杂企业模板、宏或专有字体在转换中的兼容性，公开页未做保证，需在真实文件上试跑验证。
结尾¶
Zara Frontend Slides Test 把「做演示」和「做网页」合在一条 Agent 工作流里：支持从零写动画化 HTML slides，也支持 PPT/PPTX 转 Web，并强调用视觉探索定审美。安装与坐标以 SkillHub 为准。
- SkillHub 页面：https://www.skillhub.cn/skills/user_844ab8f0/zara-frontend-slides-test-0601
- 安装文档：https://skillhub.cn/install/skillhub.md
- 坐标：
@user_844ab8f0/zara-frontend-slides-test-0601（v1.0.1）
