slidev

Create and edit Slidev presentation slides with Markdown and YAML frontmatter.

4|1|Updated Jun 9, 2024

Search Tags:#markdown #vue #presentation #slides #docs #slidev

Ready to run

npx skills add https://github.com/ChrisTowles/blog --skill slidev

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: slidev
Source: https://github.com/ChrisTowles/blog/tree/main/.claude/skills/slidev
Command: npx skills add https://github.com/ChrisTowles/blog --skill slidev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables creating and editing presentation slides using Slidev, a markdown-based presentation framework for developers.

Core Features & Use Cases

Markdown-based slides: Build slides with YAML frontmatter and Markdown sections, separated by '---'.
Vue components in slides: Integrate custom Vue components and code blocks within slides.
Presenter notes and transitions: Include presenter notes and transitions for engaging talks.

Quick Start

Start the slides server with 'pnpm run slides [filename]'. Open http://localhost:3030 to preview.

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

Markdown-based slides separate content sections with '---' delimiters and support YAML frontmatter for configuration. Slidev renders these .slides.md or slides.md files directly into interactive presentations, letting you write slides as plain text without GUI tools.

Can I use Vue components inside my presentation slides?▼

Yes, Slidev integrates Vue components directly into slides. Embed custom Vue components and code blocks within Markdown sections to add interactivity, charts, and dynamic content alongside standard slide text and formatting.

How do I start viewing and editing slides locally?▼

Run 'pnpm run slides [filename]' to launch a local dev server at http://localhost:3030. This starts the Slidev runtime environment where you can preview changes instantly as you edit your Markdown slide files.

What file formats does Slidev use for presentations?▼

Slidev uses Markdown files (*.slides.md or slides.md) with YAML frontmatter configuration. Each file becomes a complete presentation deck with slides separated by '---' and support for presenter notes and transitions.

Can I add presenter notes and slide transitions in Slidev?▼

Slidev supports presenter notes and transitions within Markdown slides. Define these features in your slide sections using Slidev's Markdown syntax to enhance engagement and speaker experience during presentations.