mshen6666/HTML-PPT-Editor 教程
2026-07-10 3391434
2026-07-10 0
le700/openslide-ppt-skill 是给 Claude Code、Cursor、Codex CLI 这类 Agent 使用的 OpenSlide PPT skill,用自然语言请求生成 React + Tailwind 的 open-slide 幻灯片代码;入口在 GitHub 仓库,网页右上角 Code 菜单可下载 ZIP,也能用 git clone https://github.com/le700/openslide-ppt-skill.git 拉到本地。
这个项目的仓库很轻,核心文件是 SKILL.md、templates/slide-template.tsx 和 examples/ 下的两份示例。它不是一个独立网页应用,也不是开箱即导出 PPTX 的桌面软件;它给 Agent 一套写 open-slide 代码的工作说明,让 Agent 产出可运行、可版本控制的幻灯片项目代码。

网页方式最直观:打开 GitHub 仓库,点 Code,选择 Download ZIP,解压后得到 openslide-ppt-skill 文件夹。习惯命令行的人直接 clone:
git clone https://github.com/le700/openslide-ppt-skill.git
README 给出的 Claude Code 安装方式是把整个仓库复制到技能目录:
cp -r openslide-ppt-skill ~/.claude/skills/openslide-ppt
复制后建议重启 Claude Code,或至少开启一个新的会话,让它重新读取 skill。目录名使用 openslide-ppt,触发命令也更容易和 README 保持一致。
仓库定义的调用格式是:
/openslide-ppt [主题] [页数] [风格]
中文示例可以这样发给 Agent:
/openslide-ppt "AI产品发布会" 10 科技风
英文示例也写在 README 里:
/openslide-ppt "AI Product Launch" 10 tech
首次运行时,检查三个信号:一是 Agent 是否识别到 /openslide-ppt;二是输出里是否出现页面结构、设计规范和 open-slide 代码;三是代码是否围绕 slides/index.tsx、@open-slide/core、React 组件展开。

SKILL.md 要求 Agent 输出 PPT 生成方案、页面结构、设计规范、open-slide 代码和使用步骤。代码样式围绕 React + TypeScript、Tailwind CSS、@open-slide/core,示例里会出现 、封面页、目录页、内容页、数据页和结尾页这类组件。
README 写的输出结构是:
slides/
├── index.tsx
├── components/
└── styles/
模板文件 templates/slide-template.tsx 里已经给了 CoverSlide、TOCSlide、ContentSlide、DataSlide、EndSlide 等组件。示例文件则包括科技风和商务风两条线,便于对照 Agent 生成的结构是否贴近仓库预期。
README 列出的中文风格包括科技风、商务风、简约风、活泼风;SKILL.md 里还写到数据风。英文写法则对应 tech、business、minimal、colorful。如果第一次试运行,建议从 8 到 10 页的小题目开始,不要一次要求长篇报告、复杂品牌系统和多种动画全都到位。
技术分享或产品发布可用科技风,商业报告可用商务风,作品展示可用简约风,教育或创意内容可用活泼风。风格词越贴近仓库表格,Agent 越容易沿用模板里的 Tailwind 类名和结构。
这个 skill 的产物重点是代码,不是直接吐出一个可下载的 Office 文件。SKILL.md 写到的后续步骤是安装 open-slide、把代码放进 slides/index.tsx、运行开发服务,再导出 HTML、PDF 或图片序列:
npx @open-slide/cli init my-ppt
pnpm dev
pnpm build
因此,拿到代码后要把它放进真正的 open-slide 项目里运行。若只看到方案文字,没有看到 React 组件代码,可以继续要求 Agent 按 templates/slide-template.tsx 的组件写法补齐 slides/index.tsx。
把入口、目录和产物边界分清后,le700/openslide-ppt-skill 的使用成本并不高:GitHub 拿包,复制到 ~/.claude/skills/openslide-ppt,用 /openslide-ppt 触发,再把生成代码放进 open-slide 项目运行和导出。