skills.rest
szeyu
szeyuCOMMUNITY
Explore all skills by this author →
GitHub

slidev

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

5|Updated Feb 4, 2026
Search Tags:#markdown#frontend#vue#presentation#slides#slidev#live-demo
One-click install
npx skills add https://github.com/szeyu/open-ssyok-finance --skill slidev-szeyu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slidev
Source: https://github.com/szeyu/open-ssyok-finance/tree/main/.agents/skills/slidev
Command: npx skills add https://github.com/szeyu/open-ssyok-finance --skill slidev-szeyu

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Slidev provides a streamlined workflow to create and present web-based slides for developers using Markdown, Vue components, and rich interactive features, eliminating the need for heavy boilerplates or multiple tools.

Core Features & Use Cases

  • Markdown-based slide authoring with built-in Vue components, code highlighting, and live demos
  • Presenter notes, animations, and flexible layouts to cover technical talks, tutorials, and team demos
  • Export and sharing options (PDF, PPTX, PNG, or static SPA) for distribution and archiving

Quick Start

Install Slidev and start the dev server to begin building slides from Markdown.

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 presentation slides using Markdown?▼

Authoring presentation slides with Markdown enables developers to build technical talks using Vue components, code highlighting, and live demos directly within the text content.

Can I embed Vue components and live coding demos in my presentation?▼

Markdown-based slide authoring supports embedding Vue components and executing live coding demos directly within the presentation for interactive technical talks.

What is the best way to build developer slides without heavy boilerplate?▼

Building developer slides via a Markdown-based generation tool eliminates heavy boilerplates by natively supporting Vue components, animations, and flexible layouts for technical presentations.

How do I export Markdown presentations to PDF or PPTX?▼

Markdown-based web presentations can be exported directly to PDF, PPTX, PNG, or static SPA formats to distribute and archive technical talks and team demos.

Does this Markdown slide tool support presenter notes and animations?▼

Yes, Markdown-based slide generation supports presenter notes and animations alongside flexible layouts to deliver technical talks, tutorials, and team demos effectively.

Related Skills

Explore More Software Engineering Skills→
MakisuoMakisuo
1.6k

clickhousectl-local-dev

Install and configure a local ClickHouse environment with clickhousectl.

Community
Intermediate
UmmItKinUmmItKin

slidev

Create and present web-based slides with Markdown and Vue components.

Community
Advanced
hmzainjamilhmzainjamil
1

dev-slides

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

Community
Intermediate
MuhammadUAMuhammadUA

presentations

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

Community
Intermediate