Back to Skills

slidev

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,696stars251forksUpdated 4/24/2026

Security Assessment

Safe(100/100)
Security Score100/100

About slidev

The Slidev skill is designed to empower developers to create and present web-based slidedecks using a combination of Markdown, Vue components, and interactive features. This skill addresses the need for a flexible and powerful presentation tool that allows for the integration of live code examples, syntax highlighting, and animations, making it ideal for technical presentations. By leveraging modern web technologies, Slidev enables users to craft engaging presentations that can effectively communicate complex ideas and concepts.

FAQ

How do I create a new Slidev project?

You can create a new Slidev project by running the command `pnpm create slidev`.

Can I export my presentations to different formats?

Yes, Slidev allows you to export presentations to PDF, PPTX, or host them as a single-page application (SPA).

What are the requirements for running Slidev?

Slidev requires Node.js and pnpm to be installed on your machine.

Is there support for interactive code examples?

Yes, Slidev supports interactive code examples through features like the Monaco editor and runnable code snippets.

Can I use mathematical equations in my presentations?

Yes, Slidev supports mathematical equations using LaTeX and diagrams with tools like Mermaid and PlantUML.

All Files

56 files
references/code-line-highlighting.md0.8 KB
View
references/build-og-image.md0.6 KB
View
references/animation-click-marker.md0.7 KB
View
references/code-max-height.md0.6 KB
View
references/animation-drawing.md0.8 KB
View
references/build-remote-assets.md0.6 KB
View
references/core-animations.md2.6 KB
View
references/api-slide-hooks.md0.7 KB
View
references/code-groups.md0.9 KB
View
references/core-components.md2.7 KB
View
references/presenter-remote.md0.6 KB
View
references/animation-rough-marker.md0.9 KB
View
references/build-seo-meta.md1.0 KB
View
references/core-cli.md2.7 KB
View
references/core-headmatter.md3.1 KB
View
references/editor-side.md0.4 KB
View
LICENSE.md1.0 KB
View
README.md1.5 KB
View
references/build-pdf.md0.6 KB
View
references/code-import-snippet.md0.8 KB
View
references/code-line-numbers.md0.7 KB
View
references/code-twoslash.md0.7 KB
View
references/core-exporting.md2.0 KB
View
SKILL.md8.6 KB
View
references/code-magic-move.md0.9 KB
View
references/core-frontmatter.md2.3 KB
View
references/core-syntax.md1.8 KB
View
references/editor-monaco-write.md0.4 KB
View
references/editor-vscode.md0.9 KB
View
references/layout-transform.md0.6 KB
View
references/style-icons.md0.8 KB
View
references/core-global-context.md2.8 KB
View
references/core-layouts.md2.7 KB
View
references/layout-zoom.md0.6 KB
View
references/style-scoped.md0.6 KB
View
SYNC.md0.1 KB
View
references/core-hosting.md2.1 KB
View
references/editor-monaco-run.md0.7 KB
View
references/layout-slots.md0.8 KB
View
references/style-direction.md0.7 KB
View
references/tool-eject-theme.md0.5 KB
View
references/diagram-latex.md0.7 KB
View
references/editor-monaco.md0.6 KB
View
references/layout-draggable.md0.9 KB
View
references/presenter-notes-ruby.md0.5 KB
View
references/syntax-block-frontmatter.md0.6 KB
View
references/diagram-mermaid.md0.8 KB
View
references/editor-prettier.md0.7 KB
View
references/layout-canvas-size.md0.5 KB
View
references/presenter-recording.md0.5 KB
View
references/syntax-frontmatter-merging.md0.6 KB
View
references/diagram-plantuml.md0.6 KB
View
references/layout-global-layers.md1.1 KB
View
references/presenter-timer.md0.5 KB
View
references/syntax-mdc.md0.6 KB
View
references/syntax-importing-slides.md0.7 KB
View

Install slidev

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill

Repository

antfu/skills