Markdown Slides

Quick Start

Get started with @sullux/markdown-slides in your project.

Installation

Install the package via Yarn or NPM:

yarn add @sullux/markdown-slides

Or install globally to use the CLI anywhere:

yarn global add @sullux/markdown-slides

Basic Usage

1. Create a Slide Deck Directory

Create a folder for your slides containing a slides.yaml and some Markdown slides:

my-presentation/
├── slides.yaml
├── 01-intro.md
└── 02-architecture.md

2. Configure slides.yaml

title: "Quarterly Review"
ratio: "16:9"
theme: "dark"

slides:
  - 01-intro.md
  - 02-architecture.md

3. Write Slide Content

In 01-intro.md:

# Quarterly Architecture Review

## Sullux Engineering

Charles Sullivan & Natasha Sullivan

In 02-architecture.md:

# Core Infrastructure

---

### High-Throughput Engine
* Zero runtime dependencies
* Sub-millisecond cold starts

---

### Client Presentation
* Responsive 16:9 canvas
* Stepped transitions

4. Build the Presentation

Run the markdown-slides command:

markdown-slides -i ./my-presentation -o ./dist

Open ./dist/index.html in your browser to begin presenting!

Presentation Controls

The presentation shell supports full keyboard navigation out of the box:

ActionShortcut
Next Step / Slide→, Space, PageDown, L
Previous Step / Slide←, PageUp, H
First SlideHome
Last SlideEnd
Toggle FullscreenF
Toggle Speaker NotesS (or Esc to close)

Discovering Templates

To list all available slide templates directly from the CLI:

# List built-in templates
markdown-slides --templates

# List built-in and project-specific custom templates
markdown-slides -i ./my-presentation --templates