Slidev Quick Start

This gets you from zero to a running Slidev presentation in under five minutes. It covers both the npm init quick path and manual setup, includes a starter slides.md template with three example slides, and lists the keyboard shortcuts you'll actually use (space for next, o for overview, d for dark mode). The frontmatter examples are solid, showing you how to configure themes, transitions, and layouts without hunting through docs. One thing I appreciate: it calls out the common mistake of forgetting blank lines around the slide separators, which will trip you up exactly once. If you're converting a deck to markdown or just want to skip PowerPoint entirely, this covers the essentials without filler.

skills.sh installs: 313
GitHub stars: 42
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add yoanbernabeu/slidev-skills --skill slidev-quick-start --agent claude-code

Installs into .claude/skills of the current project.

Files

Slidev Quick Start

This skill helps you get started with Slidev, the presentation framework for developers. You'll learn how to create a new project, understand the basic syntax, and run your first presentation.

When to Use This Skill

Creating a new Slidev presentation from scratch
Setting up Slidev for the first time
Understanding basic Slidev concepts
Converting an existing presentation to Slidev
Quickly scaffolding a presentation structure

Prerequisites

Node.js: Version 18.0 or higher
Package Manager: npm, pnpm, or yarn
Text Editor: VS Code recommended (with Slidev extension)

Creating a New Project

Option 1: Using npm init (Recommended)

npm init slidev@latest

This interactive command will:

Ask for your project name
Create the project directory
Install dependencies
Start the dev server

Option 2: Manual Setup

# Create project directory
mkdir my-presentation
cd my-presentation

# Initialize package.json
npm init -y

# Install Slidev
npm install @slidev/cli @slidev/theme-default

# Create slides file
touch slides.md

Add scripts to package.json:

SKILL.md on GitHub

Details

Repository: github.com/yoanbernabeu/slidev-skills
Category: Office & Documents
First seen: Jun 3, 2026

More from yoanbernabeu/slidev-skills

All 6