1. 基本信息
| 项目 | 内容 |
|---|---|
| 名称 | frontend-slides-editable |
| 作者/维护者 | LI ZHENG（GitHub: archlizheng） |
| 来源链接 | https://github.com/archlizheng/frontend-slides-editable |
| 许可证 | MIT（来自 GitHub API） |
| GitHub Stars | 432（来自 GitHub API） |
| Forks | 42（来自 GitHub API） |
| 最新版本 | v2.2.0（release 标签；仓库另有更新提交尚未打新 tag） |
| 安装方式 | npx skills add 一条命令，或手动克隆到对应 agent 的 skills 目录 |
2. 功能介绍与亮点
让 AI 生成的 HTML 演示文稿从一次性产物变成可持续打磨的文件：
- 内置浏览器编辑器：拖拽移动、多选、缩放、撤销重做、侧栏拖拽重排
- 富文本与媒体：字体字号工具栏、剪贴板粘贴图片、本地文件转 data URL 内嵌
- 零依赖运行时：纯 HTML/CSS/JS，无需构建工具
- PPT / PDF 转网页：抽取内容后重排为可编辑网页（非像素级还原）
- 46 套风格预设，另有 34 套模板移植的槽位编辑预设
MIT 开源、无运行时外联，持续迭代，响应及时。
3. 适用场景
固定分类：文档与办公自动化
适合需要反复调整演示文稿排版的场景：内部分享临时改措辞、把 PPT/PDF 素材转网页后继续微调、需要交付可编辑网页而非静态图片的用户。
4. 跨 Agent 兼容性
- Claude Code：原生支持——README 给出
~/.claude/skills/路径与一键安装命令 - Codex：原生支持——README 同时列出
~/.codex/skills/路径 - OpenClaw / Hermes Agent：未验证——抓取材料未提及
5. 推荐理由
把“AI 生成演示文稿”从一次性输出变成可在浏览器里直接拖拽、缩放、改文字的活文件，省去改一处就要重新生成整份 HTML 的来回。
6. 评分
| 维度 | 分数 | 说明 |
|---|---|---|
| 受欢迎程度 | 6 | GitHub 432 stars，2026-04 创建以来持续增长；issue 区有真实用户报告具体 bug 并在作者修复后验证反馈 |
| 可用性 | 8 | MIT 许可、一条命令安装、README 文档详尽（安装/用法/依赖分节清晰），2026-07-01 仍有提交 |
| 安全性 | 8 | 见下方安全检查清单 |
安全检查清单：
| 检查项 | 结果 |
|---|---|
| ① Shell 命令权限 | 仅在用户主动要求 PPT/PDF 转换时调用本地 Python 脚本（python-pptx、PyMuPDF），范围明确、代码开源可审计 |
| ② 联网外发 | 无——生成的 HTML 完全本地运行，图片/视频以本地 data URL 内嵌 |
| ③ API key/凭据 | 不需要 |
| ④ 可疑指令 | 未发现 prompt injection 或混淆代码迹象 |
| ⑤ 作者信誉 | 单一开发者维护，仓库首页明确注明技能思路致敬自 @zarazhangrui 的 frontend-slides，对 issue 反馈响应及时 |
| ⑥ License | MIT，清晰 |
| ⑦ 维护时间 | 最近一次提交为 2026-07-01 |
未发现一票否决问题；本技能含本地脚本执行，非纯提示词类。
7. 跟同类 Skills 相比的优势
| 项目 | 定位 | 与本技能的差异 |
|---|---|---|
| frontend-slides（作者本人在 README 中致敬的原始项目） | 生成只读、轻量的单文件 HTML 演示文稿 | 产物更小、无编辑器代码体积，但生成后无法在浏览器里继续调整版式，需要重新对话让模型改 |
| academic-pptx-skill | 面向学术会议、答辩场景的内容与结构规范技能 | 专注论证结构与学术设计规范，本身不生成文件，需要搭配另一个 PPTX 技能才能出成品；产物格式为 .pptx 而非可编辑网页 |
| claude-office-skills | PPTX/DOCX/XLSX/PDF 多格式办公文档技能合集 | 覆盖格式更广，但产物是传统 Office 文件，修改仍需回到对话里重新生成，不具备网页内直接拖拽编辑的能力 |
差异化在于生成后立刻可编辑：其余方案要么产物静态、要么只管内容规范不负责渲染。
8. 用户评价
- HogoZhang（GitHub issue #1，2026-05-12）：为客户开发课件系统时使用该技能并反馈四处实现问题；作者次日修复，该用户验证后评价“更稳定好用了”，并提交小型 PR。
第三方 skill 目录（mcpmarket、LobeHub、skills.rest 等）已收录该技能，暂未见目录外的独立具名深度评测。
9. 其他补充
提供中英双语 README；内置多套可移植真实网页模板作为设计基底；欢迎社区 PR 贡献新预设。
10. 安装使用方式
前置条件：Node.js 18+（npx 随 Node.js 附带）；如需 PPT/PDF 转换，另需 Python 环境安装 python-pptx 或 PyMuPDF。
方式一（推荐）：
npx skills add archlizheng/frontend-slides-editable方式二（手动安装）：
# Claude Code
mkdir -p ~/.claude/skills
git clone https://github.com/archlizheng/frontend-slides-editable.git ~/.claude/skills/frontend-slides-editable
# Codex
mkdir -p ~/.codex/skills
git clone https://github.com/archlizheng/frontend-slides-editable.git ~/.codex/skills/frontend-slides-editable安装后确认 skills 目录下出现 frontend-slides-editable，对话中输入 /frontend-slides-editable 即可触发。
11. 注意事项
- PDF 转换走“抽取文字后重新排版”路径，非像素级还原；扫描件/纯图 PDF 无法可靠提取文字
- 大量本地图片/视频内嵌会显著增大单文件体积，作者已在 issue 中确认是已知优化方向
- 未见与 OpenClaw、Hermes Agent 的兼容性材料，如需使用应自行验证