leochiu-a/slidev-workspace

Slidev Workspace is a specialized command-line tool designed to manage and showcase multiple Slidev presentations.

TypeScript

171

284 commits

updated May 11, 2026

See the code

README

Slidev Workspace

npm version License: MIT

Slidev Workspace is a specialized command-line tool designed to manage and showcase multiple Slidev presentations. It provides a unified web interface to browse, search, and access Slidev presentations distributed across different directories.

Features

✨ Multi-presentation management - Organize multiple Slidev presentations in one workspace
πŸ“± Responsive interface - Clean, modern UI for presentation management
πŸ”§ Easy configuration - Simple YAML-based configuration
πŸ“¦ Build & Deploy - Built-in commands for production builds
🎨 Thumbnail previews - Visual presentation previews in the workspace

Usage

Slidev Workspace provides two flexible ways to work with your presentations:

Built-in Preview Interface

Use the command-line tool for an out-of-the-box solution:

slidev-workspace preview

This launches a responsive web interface with presentation management, search functionality, and thumbnail previews - perfect for users who want to get started quickly without building custom UI.

Content API

For developers who need custom UI integration, access slide data programmatically:

import { useSlides } from "slidev-workspace";

const { slides } = useSlides();

The useSlides composable returns frontmatter data from all discovered presentations, enabling you to build entirely custom interfaces while leveraging Slidev Workspace's presentation discovery and parsing capabilities.

Quick Start

Get started in 5 minutes! See our Quick Start Guide.

Migrate from a Single Slidev Project

Already have a single Slidev project and want to turn it into a workspace? Install the migration skill for Claude Code:

npx skills add https://github.com/leochiu-a/slidev-workspace/tree/main/.claude/skills/slidev-migrate

Then ask Claude: "migrate my slidev project to a workspace" β€” it will scaffold the workspace structure, move your files, and configure everything automatically.

Documentation

  • Slidev - Presentation slides for developers
  • Vue.js - The progressive JavaScript framework
  • Vite - Next generation frontend tooling

Contributors

leochiu-a

281 commits

stone-zeng

2 commits

andyjjrt

1 commits

leochiu-a/slidev-workspace

Slidev Workspace is a specialized command-line tool designed to manage and showcase multiple Slidev presentations.

TypeScript

171

284 commits

updated May 11, 2026

See the code

README

Slidev Workspace

npm version License: MIT

Slidev Workspace is a specialized command-line tool designed to manage and showcase multiple Slidev presentations. It provides a unified web interface to browse, search, and access Slidev presentations distributed across different directories.

Features

✨ Multi-presentation management - Organize multiple Slidev presentations in one workspace
πŸ“± Responsive interface - Clean, modern UI for presentation management
πŸ”§ Easy configuration - Simple YAML-based configuration
πŸ“¦ Build & Deploy - Built-in commands for production builds
🎨 Thumbnail previews - Visual presentation previews in the workspace

Usage

Slidev Workspace provides two flexible ways to work with your presentations:

Built-in Preview Interface

Use the command-line tool for an out-of-the-box solution:

slidev-workspace preview

This launches a responsive web interface with presentation management, search functionality, and thumbnail previews - perfect for users who want to get started quickly without building custom UI.

Content API

For developers who need custom UI integration, access slide data programmatically:

import { useSlides } from "slidev-workspace";

const { slides } = useSlides();

The useSlides composable returns frontmatter data from all discovered presentations, enabling you to build entirely custom interfaces while leveraging Slidev Workspace's presentation discovery and parsing capabilities.

Quick Start

Get started in 5 minutes! See our Quick Start Guide.

Migrate from a Single Slidev Project

Already have a single Slidev project and want to turn it into a workspace? Install the migration skill for Claude Code:

npx skills add https://github.com/leochiu-a/slidev-workspace/tree/main/.claude/skills/slidev-migrate

Then ask Claude: "migrate my slidev project to a workspace" β€” it will scaffold the workspace structure, move your files, and configure everything automatically.

Documentation

  • Slidev - Presentation slides for developers
  • Vue.js - The progressive JavaScript framework
  • Vite - Next generation frontend tooling

Contributors

leochiu-a

281 commits

stone-zeng

2 commits

andyjjrt

1 commits

Languages

TypeScript

75.5%

Vue

16.4%

Python

3.7%

CSS

2.4%

JavaScript

1.8%