slidev

Create web-based slide decks from Markdown with Vue components.

54|18|Updated Apr 2, 2026

Search Tags:#markdown #vue #interactive #presentation #animation #slidev #code-highlighting

Ready to run

npx skills add https://github.com/open-fox/agents --skill slidev-open-fox

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: slidev
Source: https://github.com/open-fox/agents/tree/main/skills/slidev
Command: npx skills add https://github.com/open-fox/agents --skill slidev-open-fox

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Creating and delivering developer-focused slide decks can be time-consuming and inconsistent; Slidev streamlines the process by providing a Markdown-based workflow with Vue components, code highlighting, animations, and interactive features that work in a live presentation.

Core Features & Use Cases

Markdown-based slide authoring with Vue components for interactive developer decks.
Built-in code highlighting, animations, diagrams, and presenter notes to explain technical concepts.
Ideal for technical presentations, conference talks, code walkthroughs, or teaching materials.

Quick Start

Install dependencies and run the development server to begin building and previewing slides.

Frequently Asked Questions about slidev

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

FAQPage Schema

How do I create interactive developer presentations using Markdown and Vue components?▼

You can create interactive developer presentations by authoring slides in Markdown and embedding Vue components. This approach streamlines building web-based decks with code highlighting, animations, and interactive features for technical talks and teaching materials.

What is the best way to build web-based slide decks for conference talks and code walkthroughs?▼

Building web-based slide decks for conference talks is best handled through a Markdown-based workflow with per-slide frontmatter. It provides built-in code highlighting, animations, diagrams, and presenter notes to effectively explain technical concepts during live presentations.

Do I need Vue knowledge to add interactive features to Markdown presentation slides?▼

Basic Vue knowledge helps when adding interactive features to Markdown presentation slides, but the workflow is frontmatter-driven. You can leverage built-in Vue components, code highlighting, and animations without extensive framework expertise to create technical presentations.

Can I export Slidev presentations or integrate them into a frontmatter-driven workflow?▼

You can integrate presentations into a frontmatter-driven workflow and use built-in export options. The system supports per-slide frontmatter configuration, allowing you to define slide properties, animations, and interactive elements before exporting the final deck.

Does this Markdown presentation tool support code highlighting and animations for technical teaching materials?▼

Yes, this Markdown presentation tool supports built-in code highlighting and animations specifically designed for technical teaching materials. It allows developers to create interactive decks with diagrams and presenter notes for explaining complex code concepts.