skills.rest
cooker
cookerCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

slidev

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

Updated Jan 22, 2026
Search Tags:#developer tools#markdown#vue#presentation#slides#code highlighting
One-click install
npx skills add https://github.com/cooker/wx-mp-article --skill slidev-cooker
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slidev
Source: https://github.com/cooker/wx-mp-article/tree/main/.cursor/skills/slidev
Command: npx skills add https://github.com/cooker/wx-mp-article --skill slidev-cooker

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill simplifies the creation and presentation of technical content, allowing developers to build engaging slides using familiar Markdown syntax combined with powerful web technologies.

Core Features & Use Cases

  • Markdown-based Slides: Write slides using Markdown, with support for Vue components, code highlighting, and animations.
  • Developer-Focused Features: Includes syntax highlighting, Monaco editor integration, diagrams (Mermaid, PlantUML), and LaTeX math.
  • Use Case: Prepare a conference talk about a new JavaScript framework. Use Slidev to create slides with live code examples, interactive demos, and smooth animations, all managed through a simple Markdown file.

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 for a developer presentation?▼

You can create web-based slides by writing Markdown files enhanced with Vue components and code highlighting. This approach lets developers build interactive technical presentations without leaving their familiar text editor environment.

Can I use Vue components and animations directly in my Markdown slides?▼

Yes, Vue components and animations can be embedded directly within your Markdown slides. This integration enables you to build interactive technical presentations that execute dynamic web elements alongside standard text formatting.

Does this presentation tool support syntax highlighting and LaTeX math for technical talks?▼

Yes, the presentation tool supports syntax highlighting and LaTeX math rendering. It also includes integrations for diagrams like Mermaid and PlantUML, making it ideal for complex technical talks and teaching materials.

What is the best way to build a conference talk with live code examples?▼

The best way to build a conference talk with live code examples is using a Markdown-based presentation framework. It provides Monaco editor integration and code highlighting to display interactive demos directly within your slides.

Do I need to install Vue or other web dependencies to use Markdown for slides?▼

No, you do not need to manually install Vue or web dependencies to create Markdown slides. The framework handles the underlying web technologies automatically, allowing you to focus entirely on writing your presentation content.

Related Skills

Explore More Software Engineering Skills→
rustykuntzrustykuntz
1

pptx

Create, edit, and analyze PowerPoint presentations from HTML or templates.

Community
Advanced
hiyeshuhiyeshu
205

codeck-export

Export HTML presentation decks to PDF and PPTX with automated quality checks.

Community
Advanced
korchasakorchasa
1

flowai-skill-draw-mermaid-diagrams

Generate Mermaid diagrams inside Markdown and validate syntax against the SPEC.

Community
Intermediate
MuhammadUAMuhammadUA

presentations

Create, validate, and export 1920x1080 HTML slide decks to PDF and PPTX.

Community
Intermediate