1. 基本信息
| 项目 | 内容 | 数据来源 |
|---|---|---|
| 名称 | frontend-slides | — |
| 作者/维护者 | Zara Zhang（GitHub: zarazhangrui，个人开发者） | GitHub API |
| 来源链接 | https://github.com/zarazhangrui/frontend-slides | — |
| 许可证 | MIT | GitHub API |
| GitHub Stars | 25,414 | GitHub API |
| Forks | 2,066 | GitHub API |
| 最新版本 | v2.1.0（2026-05-26 发布） | GitHub Releases API |
| 安装方式 | Claude Code 插件市场两条命令 / 手动复制文件 / 其他 Agent 直接读取仓库 | GitHub Release 说明 |
2. 功能介绍与亮点
frontend-slides 是一个让 Agent 用纯前端手法（单文件 HTML + 内联 CSS/JS，零依赖、无需 npm/构建工具）生成演示文稿的 skill，核心能力包括：
- 从零生成幻灯片：固定 16:9（1920×1080）舞台，46 种视觉风格（12 个精选预设 + 34 个大胆模板），风格选择采用“生成真实预览图供挑选”而非“要求用户口头描述审美偏好”的方式，降低了非设计背景用户的使用门槛。
- PPT ↔ 网页互转：可将现有 PowerPoint 文件转换为网页版本并保留图片与内容，也支持网页转 PDF 导出。
- 可选分享能力：一键部署到 Vercel（需用户自行登录授权）或导出 PDF（自动安装 Playwright 用于渲染）。
- 上下文效率优化：v2.1.0 版本将 SKILL.md 主文件从 1625 行精简到 183 行，采用渐进式披露（先给索引/预览，需要时才加载完整模板文件），显著降低了长会话中的上下文占用。
- Agent 中立化重构：v2.1.0 专门移除了 SKILL.md 中的 Claude 专属工具名表述，改为面向“当前运行的 Agent/环境”的通用描述。
亮点：仓库创建于 2026-01-28，约 5.5 个月内获得 2.5 万+ star、2000+ fork，作者本人在 X 上公开分享了完整创作过程（先用 Claude Code 反复迭代出满意的幻灯片风格，再把工作流沉淀为 skill），近期发布记录显示作者持续响应社区报告的打包问题（#51、#60、#63、#64、#73 均已在 v2.1.0 中修复）。
3. 适用场景
所属分类：文档与办公自动化
- 需要快速产出融资路演、技术分享、课程讲义等演示文稿，但不熟悉 CSS/JS 或设计工具的开发者与初中级用户
- 已有 PowerPoint 文件、希望转成可在浏览器直接打开或部署到网页的场景
- 希望通过“挑图不描述”的交互方式获得风格化设计结果、不想反复用语言调教审美的用户
- 需要将幻灯片一键分享为在线链接或 PDF 的轻量场景（如临时演示、异步分享）
4. 跨 Agent 兼容性
- Claude Code：原生支持 ✅。提供官方插件市场安装（
/plugin marketplace add+/plugin install）及手动复制到~/.claude/skills/两种方式，命令行内可通过/frontend-slides:frontend-slides直接调用。 - Codex / OpenCode / Gemini CLI / Kimi Code：README 与 v2.1.0 release notes 中明确写明这些 Agent 可直接从仓库读取
SKILL.md并按渐进式披露规则加载支持文件，判定为需简单适配（无专用插件包，需手动指向仓库）。 - OpenClaw：抓取材料中未提及，未验证。
- Hermes Agent：抓取材料中未提及，未验证。
5. 推荐理由
多数演示文稿类 skill 要么依赖设计者用语言精确描述审美偏好（对普通用户不友好），要么产出的是“能跑但样式单一”的模板。frontend-slides 用“先出预览图、再选风格”的交互方式绕开了这个痛点，且核心生成结果是零依赖单文件 HTML，不依赖任何云服务或付费组件即可开箱即用。作者身份真实可查（GitHub 账号 2023 年注册、11,500+ 关注者、独立博客与 X 账号一致），5.5 个月内自然增长到 2.5 万+ star 且仍在活跃修复问题，是一个证据链完整、风险可控的社区精品 skill，适合作为“文档与办公自动化”类别中除官方 docx/pptx 之外的多样化选择。
6. 评分
| 维度 | 分数 | 说明 |
|---|---|---|
| 受欢迎程度 | 9/10 | GitHub 25,414 stars（远超 5k 门槛），2,066 forks，作者公开确认的自然增长轨迹，非合集仓库、star 可直接归属本项目 |
| 可用性 | 8/10 | 插件市场两条命令即可安装；SKILL.md 与 README 文档完整、含分阶段工作流说明；近 1 个月内有实质发布（v2.1.0）；核心功能零付费依赖，仅可选的部署/导出功能需要额外配置 |
| 安全性 | 8/10 | 见下方安全检查清单 |
综合评分：8.3 / 10
安全检查清单
| 检查项 | 结果 |
|---|---|
| ① Shell 命令执行范围 | 会执行 python scripts/extract-pptx.py、bash scripts/deploy.sh、bash scripts/export-pdf.sh、npx vercel、npx playwright install chromium 等命令，均为完成“PPT 解析/部署/导出 PDF”这些明确功能所必需，范围清晰、脚本内容可审计 |
| ② 联网外发数据 | 仅在用户主动选择“部署到 Vercel”时才联网，且需要用户自行 vercel login 完成授权，无静默外发行为 |
| ③ API Key/凭据 | 不要求用户向 skill 提供凭据；Vercel 登录由 Vercel 官方 CLI 自身的 OAuth 流程处理，skill 不接触、不存储凭据 |
| ④ 可疑指令/提示注入迹象 | 对 SKILL.md 全文抓取核查，未发现隐藏指令、混淆代码或数据外发迹象 |
| ⑤ 作者/组织信誉 | 真实具名个人开发者，GitHub 账号 2023 年创建、11,500+ 关注者，X 账号与 GitHub 用户名一致，公开分享创作过程 |
| ⑥ License | MIT，仓库根目录含 LICENSE 文件，GitHub API 确认 |
| ⑦ 最近维护时间 | 最近一次 push 为 2026-06-23，最新 release v2.1.0 为 2026-05-26，均在 3 个月内，无废弃风险 |
7. 跟同类 Skills 相比的优势
演示文稿生成是 Agent skills 中的热门赛道，同类方案的技术路线差异明显：
| 项目 | 核心方法 | 生态支持 | 特点 |
|---|---|---|---|
| frontend-slides（本次推荐） | 纯前端单文件 HTML，“预览图选风格” | Claude Code 原生插件 + Codex/OpenCode/Gemini CLI/Kimi Code 可读取 SKILL.md | 零依赖、46 种风格、支持 PPT↔网页互转与一键部署/导出 |
| anthropics/skills 的 pptx（官方） | 用 python-pptx 直接生成/编辑真实 .pptx 文件 | Claude Code 官方内置 | 产出原生 PowerPoint 文件而非网页，保真度更高，但需通过文字描述而非可视化预览来定制风格 |
| codex-ppt-skill | 基于 GPT-Image-2 生成图片型幻灯片 | 面向 Codex 及兼容 SKILL.md 的 Agent | 图像驱动、视觉冲击力强，但产出为图片拼接而非可编辑网页/文档 |
| claude-office-skills | 覆盖 docx/pptx/xlsx/pdf 四合一工作流 | Claude Code | 场景更全面，但单一场景（幻灯片）的深度与风格丰富度不及专注型的 frontend-slides |
| pptx-from-layouts-skill | 基于 Markdown + 模板母版生成 .pptx | Claude Code | 适合已有企业模板母版、要求强一致性的场景，但风格选择方式仍是文字驱动 |
核心差异化：frontend-slides 是这批方案中唯一把“风格选择”做成可视化交互（先出预览图、用户挑选而非描述）的项目，且产出天然适合网页分享/部署，这是官方 pptx 类工具与其他竞品都不具备的体验优势。
8. 用户评价
本次针对该 skill 发起了 2 次专门的第三方评价抓取：claudepluginhub.com 页面访问受限（HTTP 403）未能获取内容；skillsllm.com 页面抓取成功，但页面本身没有用户评价/评论内容（评论区显示“暂无评论”），仅提供了经独立扫描确认“零高危安全问题”的信息，可作为安全维度的间接佐证，但不构成用户评价。如实说明：本次未收集到足够的第三方用户评价。
9. 其他补充
- 作者在 X（@zarazhangrui）上完整公开了开发过程：先用 Claude Code 反复迭代出满意的幻灯片网站，再将工作流与最佳实践沉淀为 SKILL.md。
- v2.1.0 版本专门做了“Agent 中立化”重构，是目前少数主动为多 Agent 生态做兼容性投入的社区 skill 之一。
- 仓库近期在 issue 中收到的打包/安装类问题（#51、#60、#63、#64、#73）均已在最新版本中修复，说明维护响应较为及时。
10. 安装使用方式
Claude Code（推荐方式，两条独立消息依次发送）
/plugin marketplace add https://github.com/zarazhangrui/frontend-slides
/plugin install frontend-slides@frontend-slides安装完成后通过以下命令触发：
/frontend-slides:frontend-slidesClaude Code 手动安装：将仓库文件复制到 ~/.claude/skills/frontend-slides/，无需重启，下次对话即可触发。
Codex / OpenCode / Gemini CLI / Kimi Code 等其他 Agent：将仓库链接发给 Agent，请其从 SKILL.md 开始读取并按需加载引用的支持文件（STYLE_PRESETS.md、animation-patterns.md 等）。
11. 注意事项
- 生成的幻灯片固定为 16:9（1920×1080）舞台比例，明确不做手机端响应式重排，不适合需要移动端自适应阅读的场景。
- 一键部署到 Vercel、导出 PDF 均为可选功能，分别需要用户自行完成 Vercel 账号登录、本地自动安装 Playwright，首次使用这两项功能时会有额外等待与授权步骤。
- OpenClaw、Hermes Agent 两个生态的兼容性本次未能验证，如在这两个平台使用建议先小范围测试。
- 该 skill 会执行仓库自带脚本（PPT 解析、部署、PDF 导出），建议按 Claude Code 常规安全实践，在信任来源、了解脚本行为的前提下安装使用。