Reference knowledge for Markdown Preview Enhanced (MPE) VS Code extension. Covers settings, code chunks, file imports (@import), diagram engines (Mermaid, PlantUML, GraphViz, Vega-Lite, Kroki, WaveDrom), reveal.js presentations, export pipelines (PDF, HTML, Pandoc, eBook), and custom CSS styling. Use when the user is working with MPE, asking about MPE features, configuring preview settings, embedding diagrams, building slides, exporting documents, or troubleshooting issues like preview not rendering or export failing. Do not use for general Markdown syntax or other VS Code extensions.
From kb-mpenpx claudepluginhub nathanvale/side-quest-marketplace --plugin kb-mpeThis skill uses the workspace's default tool permissions.
references/code-chunks.mdreferences/custom-css.mdreferences/diagrams.mdreferences/export.mdreferences/file-imports.mdreferences/presentations.mdreferences/settings.mdGuides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Migrates code, prompts, and API calls from Claude Sonnet 4.0/4.5 or Opus 4.1 to Opus 4.5, updating model strings on Anthropic, AWS, GCP, Azure platforms.
Configures VPN and dedicated connections like Direct Connect, ExpressRoute, Interconnect for secure on-premises to AWS, Azure, GCP, OCI hybrid networking.
Reference knowledge for Markdown Preview Enhanced (MPE), a VS Code extension for advanced Markdown previewing and exporting. MPE uses the crossnote rendering engine.
| User Intent | Reference | Quick Hint |
|---|---|---|
| Configure VS Code settings / extension options | settings.md | markdown-preview-enhanced.* in settings.json |
Execute code in preview / {cmd} blocks / output modes | code-chunks.md | Requires enableScriptExecution: true |
| Import files, images, or other markdown into a doc | file-imports.md | @ import "path" syntax (no space in actual use) |
| Embed diagrams (Mermaid, PlantUML, GraphViz, etc.) | diagrams.md | Fenced code blocks with engine name |
| Build reveal.js presentations / slides | presentations.md | <!-- slide --> separator |
| Export to PDF, HTML, eBook, or PNG | export.md | Right-click preview > Export |
| Style the preview / custom CSS / dark mode | custom-css.md | Edit style.less via Customize CSS command |
| Setting | Default | Purpose |
|---|---|---|
previewTheme | github-light.css | Preview color scheme |
codeBlockTheme | auto.css | Syntax highlight theme |
enableScriptExecution | false | Allow {cmd} code chunks |
mermaidTheme | default | Mermaid diagram theme |
mathRenderingOption | KaTeX | Math engine (KaTeX or MathJax) |
```python {cmd=true output="markdown"}
print("| Col A | Col B |")
```
Run current chunk: Shift+Enter | Run all chunks: Ctrl+Shift+Enter
@ import "path/to/file.md"
(Remove space after @ in actual use -- escaped here to prevent loader execution.)
Preview not rendering? Check editorAssociations in settings.json -- VS Code bug #192954 can override MPE. Fix: set "*.md": "default" in editorAssociations.
Code chunks not executing? Set enableScriptExecution: true in VS Code settings. Security risk -- only enable in trusted workspaces.
Diagrams not showing? PlantUML requires Java on PATH. Mermaid/GraphViz work out of the box. Kroki requires internet (external service).
PDF export failing? Puppeteer needs Chrome/Chromium. Set chromePath if auto-detection fails. See export.md.
Custom CSS not applying? Run "Markdown Preview Enhanced: Customize Css" from Command Palette. Edits ~/.crossnote/style.less (global) or workspace .crossnote/style.less.
Config.js vs settings.json? VS Code settings.json controls extension behavior. Crossnote config.js controls rendering engine. Access config.js from Command Palette: "MPE: Open Crossnote Config".