Agent Skills
返回列表
Slidev Markdown 演示文稿

Slidev Markdown 演示文稿

开发编程 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_3c6cb52e/slidev-markdown-presentation-slides-developers。

技能介绍

问题:写文档和做幻灯片是两套工作流

工程师写技术分享时普遍遇到一个断层:文档用 Markdown 写,随手就能更新;幻灯片却要打开 PowerPoint 或 Keynote,在文本框、排版、动画之间反复切换。结果是演示文稿变成了一次性产物,改个代码片段要先截图再贴图,无法复用仓库里的文档,也无法在 CI 里版本化管理。

Slidev 的思路是:把幻灯片也当作一份 Markdown 文件。每张幻灯片就是一个由 --- 分隔的分页,内容就是熟悉的标题、列表、表格和代码块。

核心能力

  • 开发者友好的内容输入:直接粘贴代码块,自带语法高亮;支持 Monaco Editor 做现场可编辑的 live coding,演示时改代码不用切窗口。
  • 技术表达所需的渲染能力:内嵌 LaTeX 数学公式,适合讲算法或推导;支持 Mermaid 图表,流程图、时序图、甘特图直接在 Markdown 里画,不必再开一个绘图工具。
  • Web 原生的交互性:因为是网页,天然支持嵌入组件、动画过渡和演讲者模式,比传统幻灯片更接近「写一个前端页面」的体验。
  • 输出与集成:可以导出为 PDF 或 PPTX,方便分发给非技术听众;源文件留在仓库里,随文档一起 review、一起演进。

适用边界与注意点

  • 适合技术分享、内部 workshop、教学和方案评审这类以代码、图表、公式为主的场景;如果是纯视觉创意型演讲(大量高清图、复杂动效),传统工具仍然更顺手。
  • 交互能力依赖 Web 环境,离线演讲或对场地网络有严格限制的场合,需要提前验证导出结果。
  • 技能描述的是 Slidev 本身的能力范围,模板和主题生态需要自行探索;建议先从简单的 Markdown 分页开始,再逐步加入组件和动画,避免一开始就被配置分散注意力。

截图预览

使用场景

  • 准备内部技术分享时,把仓库里的 Markdown 文档拆成带代码块的幻灯片,用 `---` 分页,不必打开 PowerPoint。
  • 教学或 workshop 现场需要 live coding:在幻灯片中嵌入 Monaco Editor 可编辑代码,边讲边改示例并实时展示。
  • 写算法或架构方案评审材料时,在 Markdown 中插入 LaTeX 公式和 Mermaid 流程图,最后导出 PDF 给团队。
  • 需要把同一份技术内容用于在线分享和离线会议时,用 Slidev 导出 PPTX,保留代码高亮和图表排版。

适合人员

  • 后端/前端工程师:希望技术分享直接复用仓库里的 Markdown 文档和代码片段,避免重新排版。
  • 技术讲师或内部培训负责人:需要现场 live coding、公式和图表,演示可交互且可导出。
  • 架构师或技术作者:写方案评审、算法解析时,希望公式、Mermaid 图和代码在同一份 Markdown 中维护。
  • 开源维护者或布道师:准备跨团队或社区分享,需要网页版幻灯片和 PDF/PPTX 两种交付形式。