skills.rest
GPTtang
GPTtangCOMMUNITY
Explore all skills by this author →
GitHub

slidev

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

4|1|Updated Mar 14, 2026
Search Tags:#developer tools#documentation#markdown#presentation#slides#web-based
One-click install
npx skills add https://github.com/GPTtang/skill-atlas --skill slidev-gpttang
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slidev
Source: https://github.com/GPTtang/skill-atlas/tree/main/skills/document/slidev
Command: npx skills add https://github.com/GPTtang/skill-atlas --skill slidev-gpttang

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the creation of professional, web-based presentations using Markdown, making technical presentations and teaching materials more engaging and accessible.

Core Features & Use Cases

  • Markdown-driven slides: Write presentations in familiar Markdown syntax.
  • Vue components & interactivity: Embed dynamic content, code examples, and interactive elements.
  • Export options: Generate PDFs, PPTX, or host as a static website.
  • Use Case: You need to create a presentation for a developer conference showcasing a new API. Use this Skill to build slides with live code examples, interactive demos, and export it as a PDF for attendees.

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 using Markdown by writing your presentation content in familiar Markdown syntax, embedding Vue components for interactivity, and utilizing built-in code highlighting and animations for technical talks.

Can I embed live code examples and interactive demos in Markdown presentations?▼

Yes, you can embed live code examples and interactive demos in Markdown presentations by leveraging Vue components and native code highlighting features, making technical presentations and teaching materials more engaging.

What is the best way to export Markdown slides to PDF or PPTX for conference attendees?▼

The best way to export Markdown slides to PDF or PPTX is using built-in export options that generate shareable files, or by hosting the presentation as a static website SPA for online access.

Does this Markdown presentation tool support Vue components for dynamic content?▼

Yes, this Markdown presentation tool supports Vue components, allowing you to embed dynamic content, interactive elements, and live code examples directly within your technical slides.

How do I host Markdown slides as a static website for a technical talk?▼

You can host Markdown slides as a static website by utilizing the SPA hosting feature, which allows you to deploy your web-based presentation online for conference talks and teaching materials.

Related Skills

Explore More Content & Communication 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
cookercooker

slidev

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

Community
Intermediate
shekerkammashekerkamma

presentation-styling

Apply standardized CSS classes and HTML patterns to web-based presentation slides.

Community
Basic