Content & Documentation

Slidev Presentations

Create developer-focused presentations with Slidev using Markdown, Vue components, and code highlighting.

Claude Code Cursor Copilot

Overview

Slidev is a presentation tool designed for developers, powered by Vue.js and Markdown. AI coding agents can create slide decks with syntax-highlighted code blocks, interactive components, diagrams, and animations — all in Markdown.

Agents can generate presentation content from technical topics, structure slides with proper layouts, add code snippets with highlighting, embed Mermaid diagrams, and configure themes. Slidev's developer-centric approach means presentations live alongside code in the repository.

Slidev supports presenter mode, recording, PDF export, and SPA deployment. Teams can use AI agents to quickly create tech talks, project demos, sprint reviews, and educational content with a consistent, professional look.

Who Is This For?

Generate technical presentation slides from documentation
Create project demo presentations with live code
Build sprint review slide decks from project data
Convert technical blog posts into presentation format

Installation

Setup for Claude Code

npm init slidev@latest

Configuration

---
# slides.md
theme: default
title: My Presentation
info: |
  ## Technical Overview
  Presentation for the engineering team
transition: slide-left
---

# Welcome

This is the first slide

---

# Code Example

```typescript
const greeting = 'Hello, World!';
console.log(greeting);
```