slidev

Create interactive Slidev presentations with Markdown, Vue, and Monaco editors.

1|1|Updated Apr 5, 2026
One-click install
npx skills add https://github.com/TMYTiMidlY/skills --skill slidev-tmytimidly
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: slidev
Source: https://github.com/TMYTiMidlY/skills/tree/main/skills/slidev
Command: npx skills add https://github.com/TMYTiMidlY/skills --skill slidev-tmytimidly

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Creating developer-focused technical presentations is time-consuming because every slide needs animations, code demos, diagrams, frontmatter, and exporting details configured by hand. This Skill centralizes Slidev knowledge so Claude Code knows how to manage layouts, syntax, Monaco editors, presenter view, and exports without the user rewriting the same guidance for every talk.

Core Features & Use Cases

  • Markdown + Vue authoring: Slide separators, headmatter, presenter notes, and Comark extensions orchestrate complex slides with code examples, Mermaid/PlantUML diagrams, and LaTeX math.
  • Interactive demos: Monaco editors, runnable code, line highlighting, click animations, and drawing tools keep audiences engaged while transitions and layouts stay consistent.
  • Export & delivery: Developer decks can be exported as PDF/PPTX/PNG, recorded with presenter timers, and deployed as SPAs or remote sessions, perfect for rehearsing conferences, workshops, or code walkthroughs.

Quick Start

Run pnpm create slidev to scaffold a deck and use pnpm run dev to preview slides at http://localhost:3030 before exporting.

Frequently Asked Questions about slidev

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create interactive technical presentations with Markdown and code demos?

You can create interactive technical presentations using Markdown and Vue-powered features to build animation-rich slides with code examples, diagrams, and live Monaco editor demos for developer talks.

Can I export Markdown slides to PDF, PPTX, or PNG for offline delivery?

Yes, Markdown slides can be exported to PDF, PPTX, and PNG formats, allowing developer decks to be delivered offline or shared as static files after authoring.

How do I add animations and live code editing to developer workshop slides?

You add animations and live code editing to developer workshop slides using click animations, line highlighting, and embedded Monaco editors that enable runnable code demos directly within the presentation.

Does Slidev work with Mermaid diagrams and LaTeX math for technical talks?

Slidev works with Mermaid and PlantUML diagrams as well as LaTeX math, orchestrating complex technical slides through Markdown extensions and Vue components for developer-focused presentations.

What's the best way to preview and rehearse a presentation before exporting?

The best way to preview and rehearse is running the local dev server to view slides in the browser, utilizing presenter view with timers to practice delivery before exporting the final deck.

Do I need pnpm to scaffold and manage a new presentation project?

You need pnpm to scaffold a new presentation project by running the create command, then use the dev script to preview slides locally before exporting to your desired format.