skills.rest
hsiangjenli
hsiangjenliCOMMUNITY
Explore all skills by this author →
GitHub

slidev

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

Updated Feb 5, 2026
Search Tags:#markdown#presentation#animation#slides#developer#web
One-click install
npx skills add https://github.com/hsiangjenli/skills --skill slidev-hsiangjenli
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slidev
Source: https://github.com/hsiangjenli/skills/tree/main/.agents/skills/slidev
Command: npx skills add https://github.com/hsiangjenli/skills --skill slidev-hsiangjenli

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill simplifies the creation and presentation of dynamic, web-based slides, making technical presentations engaging and interactive.

Core Features & Use Cases

  • Markdown-based Creation: Build slides using familiar Markdown syntax.
  • Interactive Features: Incorporate code highlighting, animations, and Vue components.
  • Use Case: You need to create a technical talk for a conference. Use this Skill to build slides with live code examples, animations, and a professional theme, then export it to PDF or host it online.

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?▼

You can create web-based slides by writing Markdown syntax to define slide content, which this tool then renders into a dynamic presentation. It supports Vue components, code highlighting, and animations for interactive technical talks.

Can I add animations and code highlighting to my Markdown presentation?▼

Yes, you can incorporate code highlighting and animations directly into your Markdown presentation. The tool also supports interactive Vue components to make technical presentations and teaching materials more engaging.

What is the best way to build a technical presentation for a conference talk?▼

Building a technical presentation is best done using Markdown with web-based slides. This approach lets you include live code examples, animations, and professional themes, then export to PDF or host it online as a SPA.

Does this Markdown slides tool support PDF export and SPA hosting?▼

Yes, the Markdown slides tool supports PDF export and SPA hosting. You can build your technical presentation and easily share it online or distribute it as a PDF document.

Do I need to know Vue to build interactive slides?▼

Knowing Vue is helpful but not strictly required to build slides, as you can use standard Markdown syntax. However, Vue components are supported for adding interactive elements and advanced animations to your presentation.

Are there limitations when creating web-based slides for teaching materials?▼

While you can build interactive teaching materials using Markdown, Vue components, and animations, limitations depend on your web hosting environment for SPA deployment. Complex interactive elements may require some web development knowledge to implement effectively.

Related Skills

Explore More Content & Communication Skills→
causify-aicausify-ai
144

slides.criticize_structure

Analyze Markdown slide decks and suggest structural reorganizations for clarity.

Official
Intermediate
CloudDevCrusaderCloudDevCrusader
1

slidev

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

Community
Intermediate
GPTtangGPTtang
4

slidev

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

Community
Intermediate
shekerkammashekerkamma

presentation-styling

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

Community
Basic