skills.rest
CloudDevCrusader
CloudDevCrusaderCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

slidev

Create web-based slides from Markdown with Vue components and Vite.

1|Updated Jan 11, 2026
Search Tags:#developer tools#documentation#markdown#vue#presentation#slides
One-click install
npx skills add https://github.com/CloudDevCrusader/riddle-rush-mono-repo --skill slidev-clouddevcrusader
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slidev
Source: https://github.com/CloudDevCrusader/riddle-rush-mono-repo/tree/main/.agents/skills/slidev
Command: npx skills add https://github.com/CloudDevCrusader/riddle-rush-mono-repo --skill slidev-clouddevcrusader

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the creation and presentation of web-based slides, making technical presentations, conference talks, and teaching materials more engaging and interactive.

Core Features & Use Cases

  • Markdown-based Creation: Write slides using familiar Markdown syntax, enhanced with Vue components.
  • Interactive Features: Incorporate live code examples, animations, diagrams (Mermaid, PlantUML), and LaTeX math.
  • Use Case: Prepare a conference talk on a new JavaScript framework. Use Slidev to create slides with live code demos, animated explanations of concepts, and interactive Q&A sections, all exportable to PDF or deployable as a static site.

Quick Start

Use the slidev skill to create a new presentation project.

Frequently Asked Questions about slidev

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

FAQPage Schema
How do I create web-based slides using Markdown?▼

You can create web-based slides by writing Markdown syntax enhanced with Vue components. This approach supports code highlighting, animations, diagrams, and LaTeX for engaging technical presentations.

Can I add live code demos and animations to my presentation slides?▼

Yes, you can incorporate live code examples, animations, and interactive features into presentation slides. It supports Mermaid and PlantUML diagrams alongside LaTeX math formulas.

Does Slidev work with Vue components and Vite for technical presentations?▼

Slidev works with Vue components and Vite to build technical presentations. It enables developers to write slides in Markdown while leveraging Vue's component ecosystem for interactive elements.

How do I export Markdown slides to PDF for conference talks?▼

You can export Markdown slides to PDF format for conference talks and educational materials. Presentations can also be deployed as a static single-page application for web hosting.

What is the best way to build interactive teaching materials with code highlighting?▼

The best way to build interactive teaching materials is using Markdown-based slides with code highlighting and live examples. This streamlines creation of technical presentations and educational content.

Do I need to know Vue to use Markdown for presentation slides?▼

Basic Markdown knowledge is sufficient to start creating presentation slides, but Vue component familiarity helps leverage interactive features. The framework combines Markdown syntax with Vue for enhanced capabilities.

Related Skills

Explore More Content & Communication Skills→
maurodf0maurodf0

webf-quickstart

Set up and test WebF-based web apps with Vite and WebF Go.

Community
Intermediate
hsiangjenlihsiangjenli

slidev

Create web-based slides from Markdown with Vue components and animations.

Community
Intermediate
lanejlanej
40

presenterm

Convert Markdown files into interactive terminal presentations with themes, diagrams, and exports.

Community
Intermediate
shekerkammashekerkamma

presentation-styling

Apply standardized CSS classes and HTML patterns to web-based presentation slides.

Community
Basic