slidev

仓库创建 2026年1月28日最近提交 1 个月前SkillHot 收录 21 天前

▸ 精选理由

适合技术分享、可运行代码示例与互动教学的快速制作。

这个 Skill 做什么

基于 Markdown 与 Vue 的 Web 演示文稿工具，支持交互与代码演示。

用 Markdown + Vue 做网页幻灯片，支持代码高亮、交互 demo、可运行编辑器和动画，适合技术演讲或课堂讲解。需要做现场代码演示、交互示例或把讲稿做成交互文档时会用到 Slidev。特点是把文稿、组件和代码连在一起，能嵌入 Monaco 编辑器、LaTeX、Mermaid 等丰富元素。

▸ 展开 SKILL.md 英文原文

Create and present web-based slidedecks for developers using Slidev with Markdown, Vue components, code highlighting, animations, and interactive features. Use when building technical presentations, conference talks, code walkthroughs, teaching materials, or developer decks.

内容创作演示文稿Markdown可交互通用

5.7k

Stars

314

Forks

仓库内 Skill

+173

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/antfu/skills/main/skills/slidev/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/antfu/skills/main/skills/slidev/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Slidev - Presentation Slides for Developers

Web-based slides maker built on Vite, Vue, and Markdown.

## When to Use

- Technical presentations or slidedecks with live code examples
- Syntax-highlighted code snippets with animations
- Interactive demos (Monaco editor, runnable code)
- Mathematical equations (LaTeX) or diagrams (Mermaid, PlantUML)
- Record presentations with presenter notes
- Export to PDF, PPTX, or host as SPA
- Code walkthroughs for developer talks or workshops

## Quick Start

```bash
pnpm create slidev    # Create project
pnpm run dev          # Start dev server (opens http://localhost:3030)
pnpm run build        # Build static SPA
pnpm run export       # Export to PDF

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有