这是什么
Frontend Slides 是一个开源的编码代理技能（Skill），由作者 zarazhangrui 开发，仓库地址为 https://github.com/zarazhangrui/frontend-slides。该技能以 Claude Code 插件的形式打包，同时也兼容其他具有文件系统与 Shell 访问权限的编码代理（如 Codex、Gemini CLI 等）。它的核心是一个 SKILL.md 文件，指导代理从零创建精致的 HTML 演示文稿，或把现有的 PowerPoint 文件转换为网页版幻灯片。
该项目采用 MIT 协议，当前最新发布版本为 v2.1.0。在 GitHub 上已获得 29960 颗星、2342 次 Fork，有 68 个未关闭的 Issue，社区活跃度很高。
适合谁
- 非设计师：不需要懂 CSS、JavaScript，只要会用自然语言描述需求即可。
- 内容创作者：需要制作演讲、教学、产品演示等内容的人。
- 职场人士：经常要做汇报 PPT，但不想被模板束缚的人。
- 开发者：希望用编码方式快速生成交互式网页演示的人群。
能做什么
- 从零创建演示文稿：告诉代理你的主题和内容要点，它会自动生成完整 HTML 幻灯片，内置动画与交互效果。
- 转换 PowerPoint：上传现有 .pptx 文件，技能会提取文本、图片和备注，并生成风格统一的网页版。
- 视觉风格探索：如果你说不清自己喜欢的审美风格，代理会先生成 3 种视觉预览供你挑选，避免“AI 味”十足的统一风格。
- 多种内置主题：包括 Dark Themes（如 Bold Signal、Electric Studio）、Light Themes（如 Notebook Tabs、Pastel Geometry）以及 Specialty 风格（如 Neon Cyber、Terminal Green）等。
- 可选 34 套大胆模板：来自
beautiful-html-templates库，如 Soft Editorial、Cobalt Grid、Vellum 等，风格独特，避免千篇一律。 - 零依赖输出：生成的 HTML 文件内联 CSS/JS，无需 npm、构建工具或框架，可以直接打开。
它内置了 12 种精选风格预设，还有 34 种 bold 模板，可选加载，部分风格截图如下：
使用前准备
- 安装并配置好 Claude Code（或其他兼容代理）并确保其能访问本地文件系统。
- 如果使用 Claude Code 插件安装，需要确保网络可访问 GitHub。
- 如果想转换 PowerPoint，需要准备 .pptx 文件。
安装方法
项目提供了多种安装方式，这里列出常用的两种。
方法一：通过 Claude Code 自定义市场安装（推荐）
在 Claude Code 中分两步执行（不要一次性粘贴两行）：
/plugin marketplace add https://github.com/zarazhangrui/frontend-slides上一步完成后，再执行：
/plugin install frontend-slides@frontend-slides安装后使用命令 /frontend-slides:frontend-slides 调用。
方法二：手动安装到 Claude Code 技能目录
可以使用 git clone 或手动复制文件：
git clone https://github.com/zarazhangrui/frontend-slides.git ~/.claude/skills/frontend-slides或者手动创建目录并复制关键文件（参考仓库 README）。手动安装后使用 /frontend-slides 调用。
其他编码代理（Codex、Gemini CLI 等）
可以直接把这个 GitHub 仓库链接发送给代理，让它读取 SKILL.md 并按指示工作，例如：
https://github.com/zarazhangrui/frontend-slides代理会依据 SKILL.md 加载所需的辅助文件（如 STYLE_PRESETS.md、html-template.md、scripts/ 等）。
使用示例
创建新演示文稿
在 Claude Code 中输入：
/frontend-slides:frontend-slides然后描述你的需求，例如：
“我想为我的 AI 初创公司制作一份路演 PPT。”
技能会依次：询问内容、生成 3 种视觉预览、让你挑选风格、生成完整演示并自动在浏览器中打开。
转换 PowerPoint
输入：
/frontend-slides:frontend-slides然后说：
“把我的 presentation.pptx 转换成网页幻灯片。”
技能会提取 PPT 中的文本、图片和备注，经你确认后生成带原素材的 HTML 演示。
风险与注意事项
- 插件安装需分开执行：Claude Code 的市场安装命令不能同时粘贴两行，否则可能失败。
- GitHub 访问：建议使用 HTTPS 形式的仓库地址，SSH 可能因 known_hosts 配置问题而失败。
- 本地文件权限：代理需要文件系统读写权限，请确保授予合适的权限。
- 生成质量依赖描述：虽然 Skill 提供了视觉预览，但最终效果仍与你的内容明确度有关。
- 开源项目维护：虽然作者积极维护，但仍有 68 个未关闭 Issue，使用时如有问题可关注社区更新。
总体而言，Frontend Slides 是一款非常适合非设计师快速制作专业网页演示的工具，它通过“展示而非描述”的方式极大降低了幻灯片设计门槛，强烈推荐尝试。