skills.rest
jie-meng
jie-mengCOMMUNITY
Explore all skills by this author →
GitHub

slidev

Create Markdown-driven Slidev presentations with Vue components and export to PDF, PPTX, or PNG.

1|Updated Mar 12, 2019
Search Tags:#theming#presentations#markdown#components#vue#export#slidev
One-click install
npx skills add https://github.com/jie-meng/toolscripts --skill slidev-jie-meng
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slidev
Source: https://github.com/jie-meng/toolscripts/tree/main/ai/skills/slidev
Command: npx skills add https://github.com/jie-meng/toolscripts --skill slidev-jie-meng

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill streamlines creating, customizing, and exporting developer-focused Slidev presentations so authors can turn Markdown into interactive, themeable slide decks without friction.

Core Features & Use Cases

  • Markdown-first authoring: Author slides with Markdown while embedding code blocks, diagrams, and LaTeX for technical content.
  • Interactive components & theming: Integrate Vue components, UnoCSS styles, and custom themes to build dynamic, branded presentations.
  • Export and sharing: Export decks to PDF, PPTX, PNG, or markdown and use presenter mode, recording, and remote control for live talks.
  • Use Case: Prepare a conference talk with live code demos, embedded videos, speaker notes, and a downloadable PDF handout.

Quick Start

Create a new Slidev presentation, add a components folder for custom Vue components, and start the development server to preview and export your 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?▼

Slidev lets you create interactive developer presentations by authoring slides directly in Markdown, embedding code blocks, diagrams, LaTeX, and Vue components without friction.

Can I embed Vue components and custom themes into my Markdown presentations?▼

Yes, you can embed Vue components and apply custom themes to your Markdown presentations. This integration supports Vue 3 components and UnoCSS styling, enabling you to build dynamic, branded decks for technical talks and demos.

How do I export Markdown slides to PDF, PPTX, or PNG?▼

You export Markdown slides to PDF, PPTX, or PNG using Playwright-based exports configured via headmatter, generating downloadable handouts for your presentations.

Does Slidev support syntax highlighting for technical talks?▼

Yes, Slidev supports technical talks by utilizing Shiki syntax highlighting. This ensures your embedded code blocks are rendered with accurate, visually appealing highlighting suitable for developer conferences and demos.

What is the best way to manage multi-file slide imports for conference presentations?▼

The best way to manage multi-file slide imports is by configuring them via headmatter. This allows you to split your presentation into multiple Markdown files and import them seamlessly for large conference talks.

Related Skills

Explore More Software Engineering Skills→
MakisuoMakisuo
1.6k

clickhousectl-local-dev

Install and configure a local ClickHouse environment with clickhousectl.

Community
Intermediate
hschnehschne
1

slidev

Create interactive web-based technical presentations from Markdown and Vue components.

Community
Intermediate
andrelandgrafandrelandgraf
20

shiki-code-blocks

Highlight code blocks in Next.js and MDX content using Shiki.

Community
Intermediate
GPTtangGPTtang
4

slidev

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

Community
Intermediate