You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: skills/slidev/SKILL.md
+10-4Lines changed: 10 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
---
2
2
name: slidev
3
-
description: Create and present web-based slides for developers using Markdown, Vue components, code highlighting, animations, and interactive features. Use when building technical presentations, conference talks, or teaching materials.
3
+
description: 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.
4
4
---
5
5
6
6
# Slidev - Presentation Slides for Developers
@@ -9,21 +9,25 @@ Web-based slides maker built on Vite, Vue, and Markdown.
9
9
10
10
## When to Use
11
11
12
-
- Technical presentations with live code examples
12
+
- Technical presentations or slidedecks with live code examples
13
13
- Syntax-highlighted code snippets with animations
- Mathematical equations (LaTeX) or diagrams (Mermaid, PlantUML)
16
16
- Record presentations with presenter notes
17
17
- Export to PDF, PPTX, or host as SPA
18
+
- Code walkthroughs for developer talks or workshops
18
19
19
20
## Quick Start
20
21
21
22
```bash
22
23
pnpm create slidev # Create project
23
-
pnpm run dev # Start dev server
24
-
pnpm run export# Export to PDF
24
+
pnpm run dev # Start dev server (opens http://localhost:3030)
25
+
pnpm run build # Build static SPA
26
+
pnpm run export# Export to PDF (requires playwright-chromium)
25
27
```
26
28
29
+
**Verify**: After `pnpm run dev`, confirm slides load at `http://localhost:3030`. After `pnpm run export`, check the output PDF exists in the project root.
30
+
27
31
## Basic Syntax
28
32
29
33
```md
@@ -144,6 +148,8 @@ Presenter notes go here
144
148
| OG image |`seoMeta.ogImage` or `og-image.png`|[build-og-image](references/build-og-image.md)|
145
149
| SEO tags |`seoMeta:`|[build-seo-meta](references/build-seo-meta.md)|
146
150
151
+
**Export prerequisite**: `pnpm add -D playwright-chromium` is required for PDF/PPTX/PNG export. If export fails with a browser error, install this dependency first.
0 commit comments