Blog

Workflows | 6 min read | 2026-08-27 | By Variant Team

AI Slide Deck from Markdown: A Practical Conversion Guide

Build an AI slide deck from markdown without dumping every heading onto a slide. Structure the source, choose a route, preview, revise, and export.

Author: Variant Team. Variant is built by a small team working on HTML-native presentation tools, MCP workflows, and agent-editable decks.

Markdown is a useful place to start a presentation. A README, project spec, research note, or meeting summary already contains many of the facts a deck needs.

The hard part is editorial. A converter can turn every heading into a slide, but it cannot assume that every heading deserves equal attention. It also cannot rescue a 14-item list by placing it inside a prettier box.

The best workflow treats Markdown as source material. An AI model turns it into a slide plan, then a presentation tool builds designed, editable slides.

#Quick answer

Markdown is a good input for a deck and a mediocre final slide format. Use it as the outline an AI model works from, then build the finished slides in Marp, Slidev, PPTX, or HTML. Keep Markdown as the final source only when the deck is genuinely text-first and its layout can stay simple.

#Why direct Markdown conversion falls short

A Markdown document records hierarchy. A presentation records a sequence of claims. Those structures overlap, but they are not the same.

Consider this ordinary project note:

## Authentication

### Current problems

- Session expiry is inconsistent across clients.
- Mobile users are asked to sign in again.
- Support cannot see why a session ended.
- Refresh behavior differs between browsers.
- The callback flow has three known edge cases.

### Proposed changes

1. Centralize token refresh.
2. Add reason codes to session events.
3. Test browser and mobile flows together.

A naive converter might create slides for "Authentication," "Current problems," and "Proposed changes." The first says almost nothing, the second has too much text, and the third does not explain the expected result.

Other failures follow the same pattern:

  • Heading levels do not reliably identify slide breaks.
  • A long list becomes an unreadable slide instead of several focused slides.
  • A wide code block overflows even when it fits in the source document.
  • Supporting detail receives the same visual weight as the main conclusion.

Good slides need selection. The author must decide what the audience should understand, what evidence belongs on screen, and what belongs in speaker notes. An AI model can help only if the prompt asks for editorial decisions rather than file conversion.

#Use a slide plan between the document and the deck

First, turn the document into a constrained slide plan. Use one section per slide, a claim-led title, three or fewer bullets, and a notes block for extra context.

## Slide 1: One refresh path will reduce auth failures

- Web and mobile use the same refresh policy.
- Session events include a reason code.
- Shared tests cover callback edge cases.

Notes:
Explain that inconsistent refresh behavior caused repeat sign-ins. Show the
current and proposed request paths as a small before-and-after diagram.

## Slide 2: Support gets an answer instead of a mystery

- Every session end records a reason.
- Support can distinguish expiry, revocation, and callback failure.

Notes:
Use one example support case. Do not show implementation details on screen.

This intermediate file is easy to review in a pull request. A subject expert can correct the argument before an agent spends time on layout.

Use a prompt like this against the raw README, spec, or notes:

Turn the document below into a slide plan for a 10-minute technical update.

Write one Markdown section per slide. Use this exact structure:
## Slide N: <title that states the slide's main claim>
<zero to three concise bullets>
Notes:
<facts, examples, and suggested visual treatment>

Do not map headings directly to slides. Merge repeated ideas. Split any idea
that needs more than three visible bullets. Keep code in notes unless the
audience must read it. Do not add facts that are absent from the source.
End with a decision, recommendation, or next step.

Source document:
<paste the Markdown here>

Read the resulting titles in order. If they do not form a coherent argument, revise them before building. This step also helps when you turn a prompt into an editable AI slide deck, because the model shows its editorial choices early.

#Choose one of three production routes

The right route depends on the design bar, required handoff, and next editor.

RouteDesign ceilingEdit pathWho can change it later
Markdown-native tool, such as Marp or SlidevGood for repeatable, theme-led layoutsEdit Markdown and theme files, then render againPeople comfortable with text files and the chosen tool
Script that generates PPTXDepends on the script and layout systemChange data or code, regenerate, then inspect in PowerPointDevelopers before export, PowerPoint users after handoff
Agent that writes slide HTMLHigh, with direct HTML and CSS controlAsk the agent for targeted changes or edit on a visual canvasAgents, developers, and visual editor users

Marp is often fastest for an internal update. Slidev suits developers who want a Markdown-led presentation with web capabilities. A PPTX script works when PowerPoint is required and the deck follows a stable template. The Marp and Reveal.js comparison covers more tradeoffs.

Variant fits the third route. Its HTML and CSS slides give agents and humans an edit path. This adds more process than a plain Markdown renderer, so it is not automatically the right choice.

#Worked example: turn a README into a deck

Suppose a README explains a new authentication service. The goal is an eight-slide engineering review, not a visual copy of the README.

#Step 1: make and review the outline

Run the planning prompt with the README. Check that the opening establishes the problem, each slide makes one point, and the ending asks for a decision. A useful outline opens on the inconsistent sessions, lands on the single refresh path, then covers observability, migration risk, and rollout. The README's order may not.

#Step 2: give the build prompt to the agent

Connect an agent to Variant through the presentation MCP setup guide. Give it the approved outline and this build prompt:

Create an eight-slide engineering review from the approved slide plan below.

Use deck.create to create the deck. Build the slides as HTML and CSS. Use
slides.batchUpdate for the slide changes. Keep each slide focused on its claim.
Move supporting detail into speaker notes where appropriate. Do not add facts.
Use a simple architecture diagram for the request path and a compact risk table
for migration. Keep code snippets short enough to read during a meeting.

After building, call slide.preview on every slide. Fix clipped text, crowded
layouts, weak contrast, and inconsistent spacing. When the deck is approved,
use deck.export for the requested output format.

Approved slide plan:
<paste the reviewed plan here>

deck.create starts the deck. slides.batchUpdate groups slide changes. slide.preview gives the agent a visual result. deck.export creates the selected output.

#Step 3: preview and fix the actual slides

Do not accept a successful write as proof of a good slide. Ask the agent to inspect every slide, then request concrete corrections such as "reduce the risk table to four rows."

Check the deck at presentation size. Look for clipped code, small labels, excessive text, and topic labels used as titles. Split dense slides or move detail into notes.

This loop is why HTML works well as an editable AI slide format. The agent can revise its source, while a human can still make visual changes.

#Step 4: export for the audience

Variant exports single-file HTML, PDF, PPTX, and JSON. Use HTML for a browser presentation, PDF for a fixed review copy, and PPTX when the recipient needs PowerPoint. JSON gives another system a structured deck representation.

The working and delivery formats do not need to match. HTML as the editable source does not prevent a PPTX handoff.

#Keep a text representation for recurring decks

The reverse direction matters for a deck regenerated each week. Text changes are easier to review than screenshots.

Variant can export JSON. A team can turn it into a Markdown changelog or compare the JSON directly. Visual layout does not map cleanly back to headings and bullets.

Treat the text version as a content record, not a lossless presentation file. For diffs and recovery, read version control for AI-generated slide decks.

#FAQ

#Can AI turn Markdown into a slide deck?

Yes. An AI model can turn Markdown into a slide plan, then build the finished presentation in a slide tool. Results improve when the model must choose claims, limit visible text, preserve details in notes, and preview the rendered slides.

#What is the best format for a Markdown slide outline?

Use one section per slide, a claim-led title, no more than three visible bullets, and a notes block. This structure makes editorial review easy and gives the build tool clear boundaries.

#Should each Markdown heading become a slide?

No. Document headings organize reference material, while slide titles should advance an argument. Merge headings that support one point, split dense sections, and omit details that do not help the audience make a decision.

#Should I use Marp, Slidev, PPTX, or HTML?

Use Marp for a text-first internal deck. Use Slidev for a developer-focused Markdown presentation with web features. Generate PPTX for a PowerPoint workflow, and use HTML when agents need control over design and later edits.

#Can Variant import Markdown directly?

Treat Markdown as input to an agent rather than assuming a direct file conversion. The agent reads the content, creates HTML and CSS slides through Variant's MCP tools, previews the result, and revises it before export.

#How do I stop code blocks from overflowing slides?

Keep only the lines the audience must read, increase the type size, and move the full example into notes or supporting documentation. Always preview the rendered slide because a code block that looks short in Markdown may still be too wide.

#Can I convert the finished deck back to Markdown?

A deck can be summarized as Markdown, but Markdown will not preserve its visual layout. Variant exports JSON, which a team can use for a Markdown conversion or diff process.

#The short version

Use Markdown to collect and approve the argument, not to avoid presentation design. Marp is the right choice when the result is ten text slides for an internal update, and it will usually be faster than Variant. Choose an HTML and MCP workflow when the deck needs a higher design ceiling, visual preview, agent revisions, and a human edit path. Whatever route you choose, review the slide plan before you render it.

Next step

Connect Claude Code to Variant

Add Variant as an MCP server, then ask Claude Code to create or edit a real HTML slide deck.