md-to-pdf

name	md-to-pdf
description	Convert Markdown to styled PDFs with Mermaid diagrams, LaTeX/KaTeX math, tables, and code highlighting. Triggers on: "convert markdown to pdf", "make a pdf from this md", "export markdown as pdf", "pdf from markdown with equations".
license	MIT. See LICENSE.txt for complete terms.
metadata	{"version":"1.2.1","category":"visualization","tags":["pdf","markdown","mermaid","latex"],"difficulty":"intermediate"}

Markdown to PDF Converter

Converts Markdown files to professionally styled PDFs with full rendering of Mermaid diagrams, LaTeX math (via KaTeX), tables, syntax-highlighted code blocks, and all standard Markdown features.

Architecture

Input .md file
     │
     ├─ Step 1: Extract ```mermaid blocks → render to SVG via mmdc (Mermaid CLI + Puppeteer)
     │          Replace mermaid code blocks with inline <svg> in the markdown source
     │
     ├─ Step 2: pandoc converts modified markdown → standalone HTML5
     │          (--katex flag preserves raw LaTeX in <span class="math ..."> elements)
     │
     ├─ Step 3: Node.js KaTeX server-side rendering
     │          Replaces math spans with fully rendered KaTeX HTML (no client-side JS needed)
     │
     ├─ Step 4: CSS injection
     │          KaTeX stylesheet (with local font paths) + professional document styles + optional custom CSS
     │
     └─ Step 5: Playwright (headless Chromium) prints final HTML → PDF
                 ↓
           Output .pdf file

Supported Features

Feature	Rendering Engine	Notes
Mermaid diagrams	mmdc (mermaid-cli) via Puppeteer	flowchart, sequence, class, state, ER, gantt, pie, git, mindmap, etc.
LaTeX math (inline)	KaTeX server-side	$E=mc^2$ syntax
LaTeX math (display)	KaTeX server-side	$$\int f(x) dx$$ syntax
Tables	pandoc + CSS	Full GFM pipe-table support with professional styling
Code blocks	pandoc + CSS	Syntax highlighting via pandoc, monospace styling
Images	pandoc + Playwright	Local file:// and remote https:// images
Links	pandoc	Rendered as styled text
Lists / blockquotes	pandoc	Ordered, unordered, nested, blockquotes
YAML frontmatter	pandoc	title used as PDF title metadata
Footnotes	pandoc + CSS	[^1] syntax, rendered at page bottom
Definition lists	pandoc + CSS	Term / definition pairs
Strikethrough	pandoc	~~deleted~~ syntax
Horizontal rules	pandoc + CSS	--- rendered as styled separators

Prerequisites

Run the setup checker before first use:

bash <SKILL_DIR>/scripts/setup.sh

This validates that all required tools are present and working. The standard Claude computer-use environment has everything pre-installed. For other environments, the required stack is:

Dependency	Purpose	Install
pandoc	Markdown → HTML	apt install pandoc
mmdc (@mermaid-js/mermaid-cli)	Mermaid → SVG	npm install -g @mermaid-js/mermaid-cli
katex (npm)	LaTeX → HTML	npm install -g katex
playwright (Python)	HTML → PDF	pip install playwright && playwright install chromium
Chrome/Chromium	Browser engine	Installed by Playwright or Puppeteer

Usage

Basic

python3 <SKILL_DIR>/scripts/md_to_pdf.py <input.md> <output.pdf>

Full Options

python3 <SKILL_DIR>/scripts/md_to_pdf.py <input.md> <output.pdf> [OPTIONS]

Parameter	Default	Description
input	(required)	Path to input Markdown file
output	(required)	Path to output PDF file
--format	A4	Page size: A4, Letter, Legal, A3
--margin	0.75in	Margins — single value (uniform) or top,right,bottom,left
--no-mermaid	false	Skip Mermaid rendering (keeps raw code blocks)
--no-math	false	Skip KaTeX math rendering
--css	(none)	Path to additional custom CSS file to layer on top
--landscape	false	Landscape orientation
--header-footer	false	Show page numbers in footer (page / total)

Examples

# Standard A4 conversion
python3 scripts/md_to_pdf.py report.md report.pdf

# US Letter, landscape, with page numbers
python3 scripts/md_to_pdf.py report.md report.pdf --format Letter --landscape --header-footer

# Custom margins and extra CSS
python3 scripts/md_to_pdf.py report.md report.pdf --margin "1in,0.75in,1in,0.75in" --css brand.css

# Plain mode (skip Mermaid + math for speed)
python3 scripts/md_to_pdf.py report.md report.pdf --no-mermaid --no-math

Workflow for Claude

When a user asks to convert Markdown to PDF:

1. Determine the input file path (uploaded file or user-specified path)
2. Run setup check if this is the first use in the session:

   bash <SKILL_DIR>/scripts/setup.sh
   

3. Execute conversion:

   python3 <SKILL_DIR>/scripts/md_to_pdf.py /path/to/input.md /path/to/output.pdf [OPTIONS]
   

4. Present the output file to the user

Handling Failures

Symptom	Likely Cause	Fix
"mmdc FAILED" in Mermaid step	Invalid Mermaid syntax	Check diagram syntax; mmdc stderr has the parse error
Raw LaTeX visible in PDF	KaTeX couldn't parse expression	Check LaTeX syntax; KaTeX falls back gracefully
"No Chrome binary found"	Puppeteer/Playwright Chromium missing	Run playwright install chromium
Blank/missing diagrams	SVG too large or complex	Try --no-mermaid and render diagrams separately

Customization

Custom CSS

Pass --css path/to/custom.css to inject styles after the defaults. Your rules take precedence.

Example — dark theme override:

body {
  background: #1a1a2e;
  color: #e0e0e0;
}
h1,
h2,
h3 {
  color: #e0e0e0;
  border-color: #444;
}
table th {
  background: #2a2a4a;
}
pre {
  background: #0d0d1a;
  border-color: #333;
}

Mermaid Theming

Set the MERMAID_CONFIG environment variable to a JSON config file:

MERMAID_CONFIG=/path/to/.mermaidrc python3 scripts/md_to_pdf.py input.md output.pdf

Example .mermaidrc:

{
  "theme": "neutral",
  "themeVariables": {
    "primaryColor": "#e1f5fe",
    "lineColor": "#333"
  }
}

Limitations

• Mermaid diagram rendering requires either network access for CDN-based mmdc or a local @mermaid-js/mermaid-cli install. Offline environments must use --no-mermaid and render diagrams separately.
• Large documents (100+ pages or many high-resolution images) may hit Playwright's memory limits. Split into multiple input files and merge the resulting PDFs.
• Custom CSS may not render identically across PDF viewers — layout is determined by Chromium at render time; Acrobat Reader, Preview, and browsers can display the same PDF differently.
• Page breaks require explicit CSS markers (page-break-before: always or break-before: page) or manual <div style="page-break-before: always"> in the source. Pandoc does not infer page breaks from heading structure.
• KaTeX coverage is broad but not complete — obscure LaTeX macros or packages not in KaTeX's supported set will fail to render and fall back to raw LaTeX.

File Structure

md-to-pdf/
├── SKILL.md                    # This file — skill documentation
├── LICENSE.txt                 # MIT license
├── README.md                   # Distribution / standalone usage docs
├── scripts/
│   ├── md_to_pdf.py            # Main conversion pipeline (Python)
│   ├── katex_render.js         # Server-side KaTeX math renderer (Node.js)
│   └── setup.sh                # Dependency checker / installer
└── tests/
    └── test_document.md        # Comprehensive test covering all features