背景
在今天之前，在Agent中做PPT我使用的主要是html-ppt-skill这个skill，从前端技术栈来说，它主要是传统的前端技术html和css、js，虽然实现的效果也确实不错，但是距离我们日常所见的PPT效果来说还是略逊一筹，此时，open-slide进入我的视野，相比于html-ppt-skill，它的前端是采用的是react技术栈，从技术层面来讲是优于html-ppt-skill的，从效果上面看，open-slide也更符合日常所见的PPT展现形式。
安装
我在Mac中安装该项目，安装方式很简单，执行一行命令即可，然后分别选择语言包管理器：
MacBook-Pro:read_books a18298$ npx @open-slide/cli init my-slide✔ Slide UI language › 简体中文✔ Package manager › pnpm✔ Created open-slide workspace in /Users/a18298/MyData/read_books/my-slideInstalling dependencies with pnpm… ╭──────────────────────────────────────────────────────────────────╮ │ │ │ Update available! 9.14.2 → 11.1.2. │ │ Changelog: https://github.com/pnpm/pnpm/releases/tag/v11.1.2 │ │ Run "pnpm add -g pnpm" to update. │ │ │ ╰──────────────────────────────────────────────────────────────────╯Downloading emoji-picker-react@4.19.1: 6.54 MB/6.54 MB, done WARN 1 deprecated subdependencies found: node-domexception@1.0.0Packages: +473++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++Progress: resolved 540, reused 229, downloaded 244, added 473, donenode_modules/.pnpm/msw@2.14.6_@types+node@25.8.0/node_modules/msw: Running postinode_modules/.pnpm/msw@2.14.6_@types+node@25.8.0/node_modules/msw: Running postinstall script, done in 47msdependencies:+ @open-slide/core 1.4.0+ react 18.3.1 (19.2.6 is available)+ react-dom 18.3.1 (19.2.6 is available)devDependencies:+ @types/react 18.3.28 (19.2.14 is available)+ @types/react-dom 18.3.7 (19.2.3 is available)+ vite 5.4.21 (8.0.13 is available)Done in 17.8s✔ Initialized git repository with first commit.Next steps: cd my-slide pnpm devThen open the dev server and start authoring in slides/<your-slide>/.Later, run `pnpm sync:skills` after bumping @open-slide/core to pull skill updates.(or accept the prompt that appears when starting `dev`.)
安装完成后，根据提示进入初始化的目录，启动服务：
MacBook-Pro:read_books a18298$ cd my-slideMacBook-Pro:my-slide a18298$ pnpm dev> my-slide@0.0.0 dev /Users/a18298/MyData/read_books/my-slide> open-slide dev ➜ Local: http://localhost:5173/ ➜ Network: use --host to expose ➜ press h + enter to show help
展示结果如：
默认自带了一个关于open-slide的PPT，可以看下这个PPT是否符合审美，符合再继续。
Demo
Claude Code
我首先在Claude Code做一个PPT，提示词如下：
❯ /create-slide 根据阅读计划，帮我做第11天的PPT，要求：内容要详细，图文并茂，知识点无遗漏，PPT主 题要偏护眼浅色系。
完成效果如：
Codex
Codex与Claude Code使用差别在于，Codex并不能直接调用/create-slide，我采取的方式是先初始化一个目录：
npx @open-slide/cli init my-deckcd my-deck/
然后，使用codex打开该目录并写提示词：
基于此目录，给我做一个关于大模型说明的PPT。…… 已完成，做成了 9 页 open-slide PPT：large-models-overview。 文件在：slides/large-models-overview/index.tsx:1 内容覆盖：大模型价值、基本定义、推理过程、能力边界、落地架构、风险治理、实施路 线和结论页。视觉是深色技术蓝图风格，未改动 package.json、配置文件或其他 slide。 验证已通过：pnpm exec tsc --noEmit 打开地址：http://localhost:5173/s/large-models-overview 如果 dev server 没开，在项目根目录运行：pnpm dev。
完成后，根据提示运行服务：
项目链接
https://github.com/lewislulu/html-ppt-skill https://github.com/1weiho/open-slide
