Slidev Skill for Claude: Build Developer Presentations in Markdown

Teaches Claude to build Slidev presentations: Markdown slides with live code, animations, diagrams and export to PDF or PowerPoint.

Installs: 13.3K; on skills.sh
Stars: 49.3K; on GitHub
Files: 54; besides SKILL.md
Updated: Oct 2026; last repo commit

The Slidev skill is the Slidev team's own reference for Claude. It covers slide syntax, frontmatter, layouts, click animations, code highlighting, Monaco editors, Mermaid, PlantUML and LaTeX, presenter notes and recording, and exporting or hosting a deck. SKILL.md is the index and 53 reference files hold the detail.

It triggers when you ask for technical presentations, conference talks, code walkthroughs or teaching decks. It bundles no scripts. The commands it teaches create a project with pnpm, start a dev server on port 3030, and export with Playwright's Chromium, so you need Node.js and pnpm. The Slidev repo README says Node.js 22.12 or newer.

Good for

Developers preparing conference talks, workshops or code walkthroughs
Teachers building technical course material as Markdown slides
Slidev users who want Claude to add layouts, animations and diagrams correctly

Install slidev

Claude Code

Copy this prompt.

Install the slidev skill in Claude Code. Run this command:

npx skills add slidevjs/slidev

Then check that it loaded and tell me how to use it.

2
Paste it into Claude Code. It shows the change and asks before running it.

Requires Node.js.

The skill's README gives this command; the repo holds only the Slidev skill. The skill is instructions only: to run Slidev you still need Node.js 22.12 or newer (per the Slidev README) and pnpm on your own machine, so there is no Claude app upload route.

From the project README. Source.

What's in the skill

When it loads

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.

Sections in SKILL.md

When to Use
Quick Start
Basic Syntax
Core References
Feature Reference
Code & Editor
Diagrams & Math
Layout & Styling
Animation & Interaction
Syntax Extensions
Presenter & Recording
Export & Build
Editor & Tools
Lifecycle & API
Common Layouts
Resources

Key facts

Author: Slidev team (slidevjs organization)
License: MIT
Installs on skills.sh: 13,307 as of 2026-11-02
GitHub stars: 49,319 for the whole repo
Last commit to the repo: 2026-10-23
Files in the skill: 55 files including SKILL.md, README.md and 53 reference files
skills.sh audits: Gen Agent Trust Hub pass, Socket pass, Snyk pass
Skill name in SKILL.md: slidev

What it includes

Create a project, run the dev server, build and export.
SKILL.md lists pnpm create slidev, pnpm run dev (opens localhost:3030), pnpm run build and pnpm run export, and tells Claude to confirm the slides load.
Try: “Create a Slidev presentation about TypeScript generics with code examples.”
Runs code · Quick start commands
Syntax, animations, headmatter, frontmatter, CLI, components, layouts, exporting, hosting.
Ten core topics, each in its own file.
Read · Core references
Line highlighting, Monaco editors, magic-move, Twoslash and snippet imports.
Includes {monaco-run} to run code in the slide and {monaco-write} to edit a real file from a slide; the reference warns to back up files first.
Write · Code and editor features
Mermaid, PlantUML and LaTeX.
Fenced blocks for diagrams and inline or block math.
Read · Diagrams and math
Canvas size, zoom, slots, scoped CSS, global layers, draggable elements, icons.
Plus a table of common layouts such as cover, two-cols, image-left and quote.
Read · Layout and styling
v-click, rough markers, drawing mode and direction styles.
Click-driven reveals and hand-drawn marks on the slide.
Read · Animation and interaction
Notes, timer, camera recording and remote control.
The remote reference covers slidev --remote, a password option and a Cloudflare Quick Tunnel that creates a public URL.
Network · Presenter and recording
PDF, PPTX, PNG and a static site, plus SEO and OG image settings.
Export needs playwright-chromium. The hosting reference shows GitHub Pages, Netlify, Vercel and Docker setups.
Runs code · Export and build
Lets an agent list, edit, insert, remove and reorder slides.
The reference shows `claude mcp add --transport http slidev http://localhost:3030/__mcp` for a running dev server, or `slidev mcp` over stdio.
Runs code · Slidev MCP server

From the official docs

Permissions

Low risk

The skill bundles no scripts, but the commands and features it teaches can install packages, write to files and publish a deck. Use a password and stop the tunnel if you share a deck over --remote.

What it can do

Read your data
Create and change things
Delete things
Read-only mode

Watch out for

A tunnel makes your deck public
The remote-access reference shows slidev --remote --tunnel, which creates a public URL through Cloudflare Quick Tunnels. Set a password with --remote=your_password and stop the tunnel when you finish. github.com
A slide can write to a real file
With {monaco-write}, edits in the browser are saved straight to the linked file. The reference tells you to back up files first. github.com
Slides can run code
{monaco-run} adds a Run button that executes code from the slide and shows the output. Read the code before you present from a deck you did not write. github.com
The MCP reference adds a server that edits your slides
The tool-mcp reference shows `claude mcp add --transport http slidev http://localhost:3030/__mcp` for a running dev server, or `slidev mcp` over stdio. Its tools update, insert, remove and move slides, and edits are saved to the markdown files. github.com

Technical details

Talks to	Cloudflare Quick Tunnel (only with slidev --remote --tunnel)
Scopes	Taught commands install packages with pnpm, run a dev server on localhost:3030 and export with Playwright Chromium monaco-write saves slide edits directly to a file on disk slidev --remote can expose the deck on your network; --tunnel makes a public Cloudflare Quick Tunnel URL The MCP reference registers a local server whose tools edit slide files

Questions

What does the Slidev skill do?

It gives Claude the Slidev documentation in a form it can use: how to write slides in Markdown, add code highlighting, animations, diagrams and layouts, and export or host the deck.

How do I install the Slidev skill?

Use the install box above. The skill's own README gives npx skills add slidevjs/slidev. The skill is the instructions only, so you still need Node.js and pnpm to run Slidev.

Does it need an API key?

The skill names none. It does install and run Slidev with pnpm, which downloads packages.

Is the Slidev skill safe?

It bundles no scripts, but it teaches commands that create projects, start servers and export decks. Two features deserve care: --remote --tunnel makes a public URL, and monaco-write saves edits straight to a file. The Permissions section lists the details.

How do I export to PDF or PowerPoint?

The skill says to add playwright-chromium first, then run slidev export for PDF or slidev export --format pptx. A pptx-editable format rebuilds slides as native shapes, but SVG, canvas, KaTeX and gradients stay pictures.

Can Claude edit slides through MCP?

Yes. Slidev has a built-in MCP server with eight slide tools. The tool-mcp reference shows how to connect Claude Code to a running dev server or run slidev mcp.

Information

updated Nov 2, 2026

Repository: slidevjs/slidev
Folder: skills/slidev

slidevjs/slidev skills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 10

Slidev skill README · github.com
Slidev README · github.com
SKILL.md · github.com
README · github.com
Slidev README · github.com
tool-mcp.md · github.com
presenter-remote.md · github.com
editor-monaco-write.md · github.com
core-exporting.md · github.com
editor-monaco-run.md · github.com