Slidev

Install

npx skills add slidevjs/slidev

This is third-party code. Review the repository files before installing.

What it does

The skill teaches the agent Slidev syntax: slide separators, frontmatter, themes, layouts and Vue components. The agent can set up code highlighting and step-by-step code animation, embed the Monaco editor, LaTeX math and Mermaid or PlantUML diagrams, and add presenter notes. Reference files cover features such as PDF and PPTX export, static site builds and the VS Code extension. The skill includes quick start commands and checks that slides load and export produced a file.

Who it is for. For developers and teachers who prepare technical talks and want to write slides in Markdown.

Example request

Build a 15-minute Slidev talk about migrating to Vite with step-by-step code animation

Limitations

Requires Node.js and a package manager; PDF export needs playwright-chromium. The skill covers Slidev only and does not apply to other presentation tools.

How to disable. Remove the slidev folder from the agent's skills directory or uninstall the slidev plugin via /plugin.

Security check

• The skill is instructions and references; the agent runs commands only in the slides project

README in short

Slidev is a web presentation tool for developers built on Vite, Vue and Markdown with themes, code highlighting, recording and export. The skill lives in skills/slidev, and both its README and the work-with-ai docs page install it with one npx skills command. The repository also ships a Claude Code plugin marketplace manifest. MIT licensed.

SKILL.md

---
name: slidev
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.
---

# 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 (requires playwright-chromium)
```

**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.

## Basic Syntax

```md
---
theme: default
title: My Presentation
---

# First Slide

Related