skills.rest
htlin222
htlin222COMMUNITY
Explore all skills by this author →
Website𝕏@htlin222GitHub

slidev

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

77|4|Updated Jun 20, 2022
Search Tags:#developer tools#markdown#presentation#animations#slides#code
One-click install
npx skills add https://github.com/htlin222/dotfiles --skill slidev-htlin222
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slidev
Source: https://github.com/htlin222/dotfiles/tree/main/claude.symlink/skills/slidev
Command: npx skills add https://github.com/htlin222/dotfiles --skill slidev-htlin222

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 technical content, enabling developers to build engaging slides with code, diagrams, and animations directly from Markdown.

Core Features & Use Cases

  • Markdown-based Slides: Write presentations using familiar Markdown syntax.
  • Code Highlighting & Animations: Showcase code with syntax highlighting, line highlighting, and dynamic animations.
  • Diagrams & Math: Embed Mermaid, PlantUML diagrams, and LaTeX equations.
  • Export Options: Generate PDFs, PPTX, or host as a static site.
  • Use Case: Prepare a conference talk about a new API, including live code examples, architectural diagrams, and interactive elements, all within a single Markdown file.

Quick Start

Create a new Slidev presentation using the command 'pnpm create slidev'.

Frequently Asked Questions about slidev

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create presentation slides using Markdown for a technical talk?▼

Markdown presentations are built by writing content in a single file that leverages Vue components and Vite, enabling code highlighting, animations, and diagrams for technical talks.

Can I export Markdown slides to PDF or PPTX formats?▼

Yes, Markdown slides can be exported to various formats including PDF and PPTX, or hosted directly as a static website for online presentation delivery.

Does this presentation tool support LaTeX math equations and Mermaid diagrams?▼

Yes, the presentation tool supports embedding Mermaid and PlantUML diagrams alongside LaTeX math equations directly within your Markdown syntax for technical educational materials.

What is the best way to showcase code examples with syntax highlighting in web-based slides?▼

The best way to showcase code in web-based slides is using Markdown syntax that supports syntax highlighting, line highlighting, and dynamic animations tailored for developer-focused presentations.

Do I need Node.js or pnpm to build developer-focused slides with Vite?▼

You need pnpm to initialize the presentation environment, utilizing the 'pnpm create slidev' command to set up the Vite-powered project for building developer-focused slides.

Related Skills

Explore More Content & Communication Skills→
yutanpo1227yutanpo1227

ni-package-manager

Runs unified project commands across npm, pika, and yardstick.

Community
Intermediate
GPTtangGPTtang
4

slidev

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

Community
Intermediate
ianclearyiancleary
1

slidev

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

Community
Intermediate
TheBushidoCollectiveTheBushidoCollective
187

tailwind-utility-classes

Compose Tailwind CSS utility classes for responsive component styling.

Official
Intermediate