Slidev skill
The official Slidev skill: the agent builds developer slide decks in Markdown and Vue with code highlighting, animations and export
- 49,264 ★ on the repository
- Last commit
- MIT
Minimal access
Why this level
- The skill is instructions and references; the agent runs commands only in the slides project
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/slidevDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- The skill is instructions and references; the agent runs commands only in the slides project
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.
Good fit when
- You need a talk with live code examples
- You want slides built quickly from Markdown notes
- You need to export a deck to PDF or publish it as a site
Not a fit when
- You need an editable PowerPoint file for colleagues without Node.js
- The deck is for a non-technical audience where design matters more than code
Example request
Build a 15-minute Slidev talk about migrating to Vite with step-by-step code animationLimitations
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.
FAQ
Is this the official skill?
Yes, it lives in the main Slidev repository and the install is described in the docs page on working with AI.
Can I get a PPTX?
Slidev can export to PPTX, but slides there are images rather than editable shapes.
How is the official Slidev skill different from unofficial ones?
It comes from the Slidev team itself. The skill teaches the agent the syntax: slide dividers, frontmatter, themes, layouts and Vue components, code highlighting and step animation, the Monaco editor and LaTeX formulas.
How do I install the official Slidev skill and use the slide divider?
npx skills add slidevjs/slidev installs the skill into Claude Code, Cursor and Codex. Slides are separated by a line of three dashes, and the agent knows that syntax and per-slide frontmatter.
Discussion
No questions or reviews yet.
Related
SkillsA skill for dependency-free HTML presentations: style picked from live previews and PowerPoint converted to the web
A slide framework for agents: you describe the deck, the agent writes React and the framework gives the canvas, scaling and navigation
Slides Maker
slides-maker
Slides from papers, code and documents into a native editable PPTX. The README is in Chinese and English
An agent skill that builds a presentation as a single HTML file: two visual styles, social covers and a presenter mode
A skill that builds presentations from HTML slides with rendering, per-slide visual review, and conversion to an editable PPTX
Dashi PPT
Dashi PPT Skill
A skill that turns a document into a deck: a browser-editable HTML presentation with a per-page console and export to PPTX and PDF
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.
README badge
Original 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