slidev
Create and present web-based slidedecks for developers using Slidev with Markdown, Vue components, code highlighting, animations,…
What it does
- 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
Requirements & configuration
- pnpm run export # Export to PDF (requires playwright-chromium)
- | Code tabs | ::code-group (requires comark: true) | code-groups |
- 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.
Derived from the skill's own SKILL.md documentation · extracted 2026-07-23
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.
Source
Repository: https://github.com/antfu/skills
slidev FAQ
What does the slidev skill do?
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. Technical presentations or slidedecks with live code examples Syntax-highlighted code snippets with animations
What does slidev require?
pnpm run export # Export to PDF (requires playwright-chromium) | Code tabs | ::code-group (requires comark: true) | code-groups | 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.
How do I install slidev?
Run: npx -y skills add https://github.com/antfu/skills --skill slidev --agent claude-code — the source lives at github.com/antfu/skills.
Maintain slidev?
Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.
[](https://getagentictools.com/skills/antfu-skills-slidev?ref=badge) npx agentictools info skills/antfu-skills-slidev The second line is the CLI lookup for this page — handy in READMEs and docs.