详情

首页手游攻略 slidevjs/slidev skill下载-slidevjs/slidev skill网页版下载入口

slidevjs/slidev skill下载-slidevjs/slidev skill网页版下载入口

佚名 2026-07-25 12:00:02

slidevjs/slidev 的网页入口是 https://sli.dev,在线新建入口是 https://sli.dev/new。它不是普通 PowerPoint 模板,而是给开发者写 Markdown、Vue 组件、代码演示和互动 slides 的演示系统;主仓库里还带有 skills/slidev/SKILL.md,能作为 Agent Skill 使用。

如果只想体验,直接打开 sli.dev/new。如果要本地长期用,安装 Slidev CLI;如果要让 Codex 识别这个 skill,可以从仓库里复制 skills/slidev 目录到本机 skills 目录。

Ian 小黑把 slidevjs/slidev 的 sli.dev 在线入口、GitHub 仓库和 skills/slidev 目录分开

下载入口先分三类

  1. 文档和演示:https://sli.dev
  2. 在线新建:https://sli.dev/new
  3. GitHub 仓库:https://github.com/slidevjs/slidev
  4. NPM 包:https://www.npmjs.com/package/@slidev/cli
  5. ZIP 下载:https://github.com/slidevjs/slidev/archive/refs/heads/main.zip

截至 2026 年 7 月 6 日,GitHub 最新 Release 显示为 v52.16.0,发布时间是 2026 年 6 月 3 日。README 要求本地初始化前先安装 Node.js >= 20.12.0

安装 Skill 只复制一个子目录

主仓库很大,日常让 Agent 触发 Slidev 不需要把整个仓库都塞进 skills 目录。先 clone 仓库,再复制 skills/slidev 即可。

git clone https://github.com/slidevjs/slidev.git
mkdir -p ~/.codex/skills
cp -R slidev/skills/slidev ~/.codex/skills/slidev

新开 Codex 会话后,说“用 slidev skill 做一个技术分享 deck”,它应读取 SKILL.md 里的 Slidev 规则:Markdown 分页、frontmatter、Vue 组件、Mermaid、LaTeX、Presenter Mode 和导出路径。

Ian 小黑把 Slidev 项目从 npm init 移到本地 3030 预览并检查导出

第一次本地试跑

npm init slidev
cd your-slidev-project
pnpm run dev

浏览器打开 http://localhost:3030,能看到 slides 才说明本地链路通了。需要导出 PDF、PPTX 或 PNG 时,先补 playwright-chromium,再跑导出命令。

pnpm add -D playwright-chromium
pnpm run export

slidevjs/slidev 更适合代码演示、技术分享、课堂讲解和带互动的开发者 deck。要原生可编辑的企业 PPTX,它不是第一选择;要 Markdown 驱动的网页 slides,它的入口和 Skill 目录都很清楚。

点击查看更多
推荐专题
热门阅读