slidev
专为开发者设计的、基于Markdown的演示文稿制作工具
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:slidev。 它的用途是:专为开发者设计的、基于Markdown的演示文稿制作工具 完整的 Skill 内容见:https://321skill.com/skills/slidev/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
当你需要准备一场技术分享时,可以对 AI 说:“帮我用 Slidev 创建一个关于 Vue 3 新特性的演示文稿框架,并加入一个可以实时编辑的代码示例。” AI 会引导你初始化项目,并生成包含代码块、图表占位符和演讲者注释的 Markdown 结构,让你能专注于内容创作。
介绍
Slidev 是一款专为开发者设计的演示文稿制作工具,它解决了开发者在技术分享、产品演示时,既要保证代码高亮、可运行,又要兼顾美观和效率的痛点。它允许用户使用熟悉的 Markdown 语法编写内容,并内置了强大的开发功能。
使用方式非常简便,通过 npm 命令即可快速创建项目,在 Markdown 文件中编写幻灯片内容,并支持嵌入 Vue 组件、实时运行代码块、使用 UnoCSS 进行样式定制。Slidev 提供了丰富的主题库和插件生态,可以一键切换样式并扩展功能。
它非常适合程序员、技术布道师、教师等需要频繁进行技术演示的群体。对于需要在幻灯片中展示并运行代码、绘制技术架构图、嵌入交互式组件等场景,Slidev 提供了原生支持,让演示文稿的制作过程如同开发项目一样流畅。
与传统的 PowerPoint、Keynote 或基于 HTML 的 Reveal.js 相比,Slidev 的核心优势在于其深度集成了现代前端开发工具链(如 Vite、Vue 3),提供了开箱即用的代码高亮与实时编辑、LaTeX 数学公式、Mermaid 图表、图标库等开发者刚需功能,并且最终可以导出为 PDF、PNG 甚至 PPTX 格式,兼顾了开发的灵活性和交付的通用性。
核心特点
Slidev 深度集成了现代前端开发工作流(Vite + Vue 3),支持在幻灯片中直接编写并实时运行代码块,实现了真正的“可编程幻灯片”。同时,它通过 UnoCSS 提供了强大的、按需的原子化 CSS 工具,让开发者可以像写 Tailwind CSS 一样快速为幻灯片添加样式。
注意事项
对于非技术背景、不熟悉 Markdown 和命令行操作的用户,学习成本较高;在制作高度依赖复杂动画和图形设计的非技术类创意演示时,可能不如专业设计软件灵活。
常见问题
Slidev 和 PowerPoint 有什么区别?
Slidev 基于 Markdown 和代码,适合技术演示,支持实时运行代码、嵌入组件;PowerPoint 是图形化设计工具,更适合通用设计和复杂动画。
不会 Vue 能用 Slidev 吗?
可以。基础功能仅需 Markdown,但若要使用高级交互功能或自定义组件,则需要一定的 Vue 或前端知识。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/slidev/raw/index.md 读取 slidev 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/slidev/raw/index.md(查看排版版本)