skills.rest
kirklin
kirklinCOMMUNITY
Explore all skills by this author →
Website𝕏@lkirkunGitHub

slidev

Summarize Slidev usage for Markdown-based technical presentations.

1|Updated Feb 9, 2026
Search Tags:#markdown#vue#presentation#animations#export#slidev#live-code
One-click install
npx skills add https://github.com/kirklin/skills --skill slidev-kirklin
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slidev
Source: https://github.com/kirklin/skills/tree/main/skills/slidev
Command: npx skills add https://github.com/kirklin/skills --skill slidev-kirklin

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Enables developers to craft and present polished, tech-focused slides using Markdown, Vue components, and rich code blocks with syntax highlighting, animations, and presenter notes.

Core Features & Use Cases

  • Markdown-driven slide authoring with seamless Vue component integration for dynamic content.
  • Built-in code highlighting, diagrams (Mermaid/PlantUML), presenter notes, and export options to support technical talks, workshops, and teaching materials.
  • Theming, layouts, transitions, and presenter tools are included to tailor slides for conferences or classrooms.

Quick Start

Install Slidev and start the dev server to begin building technical presentations.

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 presentations using Markdown with live code and Vue components?▼

Markdown presentations with Vue components support live code blocks, syntax highlighting, and Mermaid diagrams for technical talks. You configure decks via frontmatter, apply themes and layouts, then run the dev server to build slides.

Can I export Markdown slides to PDF or other formats for offline distribution?▼

Yes, Markdown presentation tools support export options for offline distribution. You configure deck frontmatter and use built-in export features to generate shareable files for conferences and classrooms.

Does Slidev work with Vue components for adding animations and interactive elements?▼

Slidev works with Vue components to enable dynamic content, animations, and transitions. It includes theming, layouts, and presenter tools to tailor technical presentations for conferences or classrooms.

What's the best way to include Mermaid or PlantUML diagrams in Markdown presentation slides?▼

The best way to include diagrams is using a Markdown-driven slide authoring tool with built-in Mermaid and PlantUML support. This renders diagrams directly alongside code blocks and presenter notes.

How do I add presenter notes to my Markdown presentation slides?▼

You add presenter notes within your Markdown file using the built-in presenter tools included with the slide system. These tools support technical talks, workshops, and teaching materials.

Do I need to install Node.js to run a Markdown presentation dev server for technical workshops?▼

You need a compatible runtime environment to install the slide tool and start the dev server. This setup enables you to begin building technical presentations with live code, animations, and diagrams.

Related Skills

Explore More Software Engineering Skills→
MakisuoMakisuo
1.6k

clickhousectl-local-dev

Install and configure a local ClickHouse environment with clickhousectl.

Community
Intermediate
shekerkammashekerkamma

presentation-exporter

Export HTML presentations to PDF, PNG, and markdown speaker notes.

Community
Intermediate
Avihai-HAvihai-H

mermaid

Generate Mermaid diagrams inline within markdown documents.

Community
Intermediate
hmzainjamilhmzainjamil
1

dev-slides

Generate Slidev markdown presentations with code examples, diagrams, and Vue components.

Community
Intermediate